diff --git a/index.html b/index.html index 9dffe60..7a32bb0 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,5 @@ - + NEKERAFA's social links @@ -7,24 +7,35 @@ - + + + -
- NEKERAFA's social links -
+
+

NEKERAFA's social links

-
- -
+ + +
+

The content of this web is licensed under GNU General Public License v3.0 (GPLv3).

+

Layout designed with Pico.css, under MIT Licensed

+

All icons are under Font awesome license, brand icons are trademarks of their repective owners.

+

Source code on GitHub

+
+
\ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..a99c7da --- /dev/null +++ b/styles.css @@ -0,0 +1,71 @@ +@import url('https://fonts.googleapis.com/css2?family=Comfortaa&display=swap'); + +/* Green Light scheme (Default) */ +/* Can be forced with data-theme="light" */ +[data-theme="light"], +:root:not([data-theme="dark"]) { + --primary: #43a047; + --primary-hover: #388e3c; + --primary-focus: rgba(67, 160, 71, 0.125); + --primary-inverse: #FFF; +} + +/* Green Dark scheme (Auto) */ +/* Automatically enabled if user has Dark mode enabled */ +@media only screen and (prefers-color-scheme: dark) { + :root:not([data-theme="light"]) { + --primary: #43a047; + --primary-hover: #4caf50; + --primary-focus: rgba(67, 160, 71, 0.25); + --primary-inverse: #FFF; + } +} + +/* Green Dark scheme (Forced) */ +/* Enabled if forced with data-theme="dark" */ +[data-theme="dark"] { + --primary: #43a047; + --primary-hover: #4caf50; + --primary-focus: rgba(67, 160, 71, 0.25); + --primary-inverse: #FFF; +} + +/* Green (Common styles) */ +:root { + --form-element-active-border-color: var(--primary); + --form-element-focus-color: var(--primary-focus); + --switch-color: var(--primary-inverse); + --switch-checked-background-color: var(--primary); + --font-family: 'Comfortaa', 'Ubuntu', sans-serif; +} + +body { + font-family: 'Comfortaa', 'Ubuntu', sans-serif; +} + +h1 { + text-align: center; +} + +ul { + padding: 0 1.5em; +} + +ul li { + list-style: none; +} + +ul li a i { + margin-right: 0.5em; + font-size: 32px; +} + +[role="button"] { + width: 100%; + display: flex; + flex-wrap: wrap; + text-align: left; + align-items: center; + margin-bottom: 2em; + padding: 1.5em 1em; +} \ No newline at end of file