Testing

README.md

@@ -0,0 +1,16 @@
+# elements
+
+<p align="center">
+    <img
+    src="https://raw.githubusercontent.com/eudaldgr/elements/master/Screenshot1.png" /> 
+</p>
+
+<p align="center">
+    <img
+    src="https://raw.githubusercontent.com/eudaldgr/elements/master/Screenshot2.png" /> 
+</p>
+
+<p align="center">
+    <img
+    src="https://raw.githubusercontent.com/eudaldgr/elements/master/Screenshot3.png" /> 
+</p>

data/app.css

@@ -0,0 +1,216 @@
+/***************
+ *    Main     *
+ **************/
+
+.button.h {
+    color : white;
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(102, 102, 102, 1);
+}
+
+.button.alcalin {
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(212, 212, 212, 1);
+}
+
+.button.alcalino {
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(255, 225, 107, 1);
+}
+
+.button.trans_metal {
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(255, 194, 125, 1);
+}
+
+.button.metal {
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(255, 140, 130, 1);
+}
+
+.button.non_metal {
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(226, 159, 252, 1);
+}
+
+.button.nobel_gas {
+    color : white;
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(163, 144, 124, 1);
+}
+
+.button.lantanid {
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(209, 255, 130, 1);
+}
+
+.button.actinid {
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(140, 213, 255, 1);
+}
+
+.button.alone {
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(149, 163, 171, 1);
+}
+
+/***************
+ *   Orbital   *
+ **************/
+
+.button.s {
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(255, 225, 107, 1);
+}
+
+.button.p {
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(255, 140, 130, 1);
+}
+
+.button.d {
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(255, 194, 125, 1);
+}
+
+.button.f {
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(226, 159, 252, 1);
+}
+
+/***************
+ *     eV      *
+ **************/
+
+.button.zero_eV {
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(250, 250, 250, 1);
+}
+
+.button.one_eV {
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(255, 225, 107, 1);
+}
+
+.button.two_eV {
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(249, 196, 64, 1);
+}
+
+.button.three_eV {
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(255, 161, 84, 1);
+}
+
+.button.four_eV {
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(243, 115, 41, 1);
+}
+
+.button.five_eV {
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(237, 83, 83, 1);
+}
+
+.button.six_eV {
+    color : white;
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(198, 38, 46, 1);
+}
+
+/***************
+ *    Ionic    *
+ **************/
+/*
+.button.h {
+
+    color : white;
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(102, 102, 102, 1);
+}
+
+.button.alcalin {
+
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(212, 212, 212, 1);
+}
+
+.button.alcalino {
+
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(255, 225, 107, 1);
+}
+
+.button.trans_metal {
+
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(255, 194, 125, 1);
+}
+
+.button.metal {
+
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(255, 140, 130, 1);
+}
+
+.button.non_metal {
+
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(226, 159, 252, 1);
+}
+
+.button.nobel_gas {
+
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(163, 144, 124, 1);
+}
+
+.button.lantanid {
+
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(209, 255, 130, 1);
+}
+
+.button.actinid {
+
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(140, 213, 255, 1);
+}
+
+.button.alone {
+
+    border-radius : 0px;
+    padding : 20px 10px;
+    background : rgba(149, 163, 171, 1);
+}
+*/

src/MainWindow.vala

@@ -0,0 +1,60 @@
+/*
+* Copyright (c) 2018 Eudald Gubert Roldan
+*
+* This program is free software; you can redistribute it and/or
+* modify it under the terms of the GNU General Public
+* License as published by the Free Software Foundation; either
+* version 2 of the License, or (at your option) any later version.
+*
+* This program is distributed in the hope that it will be useful,
+* but WITHOUT ANY WARRANTY; without even the implied warranty of
+* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
+* General Public License for more details.
+*
+* You should have received a copy of the GNU General Public
+* License along with this program; if not, write to the
+* Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
+* Boston, MA 02110-1301 USA
+*
+* Authored by: eudaldgr <[email protected]>
+*/
+
+public class Elements : Gtk.Application {
+
+    construct {
+        application_id = "com.github.eudaldgr.elements";
+        flags = ApplicationFlags.FLAGS_NONE;
+
+        loadGresources();
+    }
+
+    public override void activate () {
+        var pages = new Gtk.StackSwitcher();
+        pages.margin = 3;
+        pages.halign = Gtk.Align.CENTER;
+        pages.homogeneous = true;
+
+        var headerbar = new Gtk.HeaderBar();
+        headerbar.set_custom_title(pages);
+        headerbar.show_close_button = true;
+        headerbar.pack_end(new Search.Search());
+
+        var window = new Gtk.ApplicationWindow(this);
+        window.resizable = false;
+        window.set_titlebar(headerbar);
+        window.window_position = Gtk.WindowPosition.CENTER;
+        window.add(pages.stack = new Stack.Stack());
+        window.show_all();
+    }
+
+    private void loadGresources() {
+        var provider = new Gtk.CssProvider ();
+        provider.load_from_resource ("/home/eudaldgr/Documents/src/elements/src/data/application.css");
+        Gtk.StyleContext.add_provider_for_screen (Gdk.Screen.get_default (), provider, Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION);
+    }
+
+    public static int main (string[] args) {
+        var app = new Elements();
+        return app.run(args);
+    }
+}