diff --git a/another_page.html b/another_page.html new file mode 100644 index 0000000..e626d7d --- /dev/null +++ b/another_page.html @@ -0,0 +1,31 @@ + + + + + + + Another page - unlxam + + +
+ +
+
+
+

Just another page so the nav don't feel so empty

+
+
+
+
+ + diff --git a/assets/fonts/CozetteVector/CozetteVector.ttf b/assets/fonts/CozetteVector/CozetteVector.ttf new file mode 100644 index 0000000..afa085e Binary files /dev/null and b/assets/fonts/CozetteVector/CozetteVector.ttf differ diff --git a/assets/fonts/CozetteVector/LICENSE b/assets/fonts/CozetteVector/LICENSE new file mode 100644 index 0000000..d78e5c2 --- /dev/null +++ b/assets/fonts/CozetteVector/LICENSE @@ -0,0 +1,21 @@ +MIT License + +Copyright (c) 2020, Slavfox + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/css/style.css b/css/style.css index 108e615..49c8a11 100755 --- a/css/style.css +++ b/css/style.css @@ -1,33 +1,97 @@ +@font-face { + font-family: 'Cozette'; + src: url('../assets/fonts/CozetteVector/CozetteVector.ttf') format('truetype'); +} + * { margin: 0; padding: 0; list-style: none; text-decoration: none; + font-family: 'Cozette'; + font-size: x-large; } -main { - margin: 30px 20px; - text-align: center; +html, body { + height: 100%; } body { - background: rgb(35, 35, 35); + background-color: #202020; color: white; } -#header { - padding: 20px 0; - text-align: center; - background: rgb(45, 45, 45); +a { + color: #ad7690; } -#footer { - position: absolute; - bottom: 0; - width: 100%; - height: 50px; - line-height: 50px; - background: rgb(45, 45, 45); - color: rgb(127, 127, 127); - text-align: right; +main { + text-align: center; } + +.box { + border: solid 1px #808080; + padding: 15px 30px; + margin: 20px 50px 0px 50px; +} + +.links { + text-align: center; +} + +.container { + display: flex; + flex-direction: column; +} + +.home { + line-height: 50px; +} + +.website { + margin: 50px 0px; +} + +@-webkit-keyframes rotating /* Safari and Chrome */ { + from { + -webkit-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -webkit-transform: rotate(360deg); + -o-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +@keyframes rotating { + from { + -ms-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); + } + to { + -ms-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -webkit-transform: rotate(360deg); + -o-transform: rotate(360deg); + transform: rotate(360deg); + } +} + +.rotating { +-webkit-animation: rotating 5s linear infinite; +-moz-animation: rotating 5s linear infinite; +-ms-animation: rotating 5s linear infinite; +-o-animation: rotating 5s linear infinite; +animation: rotating 5s linear infinite; +} + +.smile { + text-align: end; + margin: 30px 50px; + color: rgb(142, 195, 63); +} \ No newline at end of file diff --git a/index.html b/index.html index 0ee8285..3be1b9f 100644 --- a/index.html +++ b/index.html @@ -4,25 +4,44 @@ - hello + Home - unlxam - -
-
-

This is my website.

-

For now, there's nothing on it, but someday will have. Hopefully will not take long for it.

-

Meanwhile, you can check my Forgejo instance (which also has nothing).

-
-
- +