new: Complete modules related to home page, archive page and article page

templates/default/assets/css/global.css

@@ -0,0 +1,97 @@
+:root{
+    /* colors */
+    --primary-color: #8589e0;
+    --secondary-color: #b2cbd3;
+
+    --primary-text-color: #c9cacc;
+    --secondary-text-color: #9c9c9c;
+
+    --background-color: #191c1d;
+}
+
+@font-face {
+    font-family: 'jetbrains-mono-medium';
+    src: url('../../assets/css/webfonts/jetbrains-mono-medium.woff2') format('woff2');
+    font-weight: normal;
+    font-style: normal;
+}
+
+html, body {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+
+    /*font-family: jetbrains-mono-medium, serif;*/
+    background-color: var(--background-color);
+}
+
+a, a:link, a:visited, a:active {
+    text-decoration: none;
+    color: var(--primary-text-color);
+}
+
+a:hover {
+    text-decoration: underline;
+    text-decoration-color: var(--primary-color);
+    text-decoration-thickness: 2px;
+}
+
+.m-icon {
+    color: var(--primary-text-color);
+}
+
+.root-container {
+    width: 100%;
+    height: 100%;
+}
+
+@media screen and (max-width: 576px){
+    .root-container {
+        padding-left: 1rem;
+        padding-right: 1rem;
+    }
+}
+
+::-webkit-scrollbar {
+    width: 7px;
+    height: 7px;
+}
+::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    background: var(--secondary-text-color);
+}
+
+.footer {
+    position: fixed;
+    width: 100%;
+    bottom: 20px;
+    text-align: center;
+    color: var(--secondary-text-color);
+}
+
+.main-logo {
+    display: flex;
+}
+
+.main-logo-img {
+    width: 40px;
+    height: 40px;
+    background-size: cover;
+    background-repeat: no-repeat;
+    background-position: center center;
+}
+
+.main-logo-txt {
+    width: fit-content;
+    height: 40px;
+    line-height: 40px;
+    font-size: 36px;
+    padding-top: 2px;
+    margin-left: 10px;
+    color: var(--primary-color);
+}
+
+.main-menu-link {
+    margin-right: 10px;
+}