Beautify the site. Thanks to asdcorp.

2024-05-26 02:52:49 +05:30
parent 131d8bab05
commit 2101ed7332
6 changed files with 128 additions and 53 deletions
--- a/css/style.css
+++ b/css/style.css
@ -0,0 +1,91 @@
+html {
+    height: 100%;
+}
+
+body {
+    margin: 0;
+    min-height: 100%;
+
+    background-color: #000;
+    background-image: url('../img/bg.png');
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-attachment: fixed;
+    background-position: center;
+
+    color: #fff;
+    font-family: system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
+    text-shadow: 1px 1px 2px #0004;
+    font-size: 11pt;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+}
+
+main {
+    text-align: center;
+    max-width: 800px;
+    padding: 16px;
+    margin: auto;
+    background-color: #fff2;
+    border-radius: 8px;
+    box-shadow: 5px 5px 20px #0002;
+    border: 1px solid #fff3;
+}
+
+code {
+    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
+}
+
+a {
+    color: #fff;
+}
+
+a:hover,
+.github-links a:hover > img {
+    opacity: 80%;
+}
+
+a:active,
+.github-links a:active > img {
+    opacity: 70%;
+}
+
+hr {
+    border: none;
+    border-top: 1px solid #fff5;
+    width: 100%;
+}
+
+.logo {
+    height: 160px;
+    margin: 0 0 -24px 0;
+}
+
+.github-links {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    margin: 2em 0 16px 0;
+}
+
+.github-links a {
+    display: block;
+    text-decoration: none;
+}
+
+.github-links img {
+    filter: drop-shadow(1px 1px 2px #0004);
+    height: 64px;
+}
+
+@media (max-width: 832px) {
+    main {
+        border-radius: 0;
+        border-left: none;
+        border-right: none;
+    }
+}