diff --git a/docker-compose.yml b/docker-compose.yml new file mode 100644 index 0000000..a8ff824 --- /dev/null +++ b/docker-compose.yml @@ -0,0 +1,9 @@ +services: + web: + image: nginx:latest + container_name: freed-place + restart: unless-stopped + volumes: + - ./html:/usr/share/nginx/html:ro + ports: + - "80:80" diff --git a/html/about/index.html b/html/about/index.html new file mode 100644 index 0000000..05d1402 --- /dev/null +++ b/html/about/index.html @@ -0,0 +1,43 @@ + + + + / | Freed's place + + + + + + + + + + +
+

Freed's place

+
+

+ Home | + About | + Contact +

+
+
+ +
+
+ +
+
+

(─‿‿─) ♡

+

heya! my name's Bo, also known as Freed! I'm a tiny creature traveling around the wild web like every other tiny creature which I see on my computer screen. be welcome to my little corner of the internet!

+
+
+ +
+
+

Freed's place

+

Copyright (c) 2022-2025 FreedTapestry21

+
+
+ + diff --git a/html/assets/fonts/jbmono.woff2 b/html/assets/fonts/jbmono.woff2 new file mode 100644 index 0000000..8c862e3 Binary files /dev/null and b/html/assets/fonts/jbmono.woff2 differ diff --git a/html/assets/img/favicon.png b/html/assets/img/favicon.png new file mode 100644 index 0000000..fbc3a42 Binary files /dev/null and b/html/assets/img/favicon.png differ diff --git a/html/assets/img/logo.png b/html/assets/img/logo.png new file mode 100644 index 0000000..fbc3a42 Binary files /dev/null and b/html/assets/img/logo.png differ diff --git a/html/assets/mobile.css b/html/assets/mobile.css new file mode 100644 index 0000000..89d4a60 --- /dev/null +++ b/html/assets/mobile.css @@ -0,0 +1,68 @@ +/* + * Freed.place + * Version 3.0 + * Copyright (c) 2025 FreedTapestry21 + */ + +/* Responsive layout for mobile */ +@media (max-width: 768px) { + /* Menu */ + .menu { + width: 90%; + + margin: auto; + } + + .menu p {user-select: none; font-size: 20px;} + + .menu a { + color: var(--background-color); + text-decoration: none; + } + + .menu a:hover { + color: var(--accent-color-dark); + background-color: var(--background-color); + } + + .name { + text-align: center; width: 100%; + + background-color: var(--accent-color); + color: var(--text-color); + } + .index { + text-align: center; width: 100%; + + background-color: var(--accent-color-dark); + color: var(--text-color); + } + + /* Footer */ + .footer { + background-color: var(--accent-color); + color: var(--background-color); + + width: 100%; + + margin: auto; + } + + .footer p {font-size:12px;} + + .info {text-align: center; width: 100%;} + + /* Boxes */ + .box { + width: 100%; + + display: flex; + flex-direction: column; + justify-content: center; + } + + .item { + padding: 10px; + width: 80%; + } +} diff --git a/html/assets/style.css b/html/assets/style.css new file mode 100644 index 0000000..4ec1300 --- /dev/null +++ b/html/assets/style.css @@ -0,0 +1,94 @@ +/* + * Freed.place + * Version 3.0 + * Copyright (c) 2025 FreedTapestry21 + */ + +@font-face { + font-family: 'Jetbrains Mono'; + src: local(''), + url('./fonts/jbmono.woff2') +} + +:root { + --accent-color: #b4befe; + --accent-color-dark: #9198cd; + --background-color: #191724; +} + +body { + background-color: var(--background-color); + color: var(--accent-color); + font-family: Verdana, sans-serif; +} + +p {font-size: 16px;} +h1 {font-size: 32px;} +h2 {font-size: 28px;} +h3 {font-size: 24px;} +h4 {font-size: 20px;} + +/* Custom */ +.center { + display: flex; + justify-content: center; +} + +.img { + width: min(512px, 45%); +} + +/* Menu */ +.menu { + background-color: var(--accent-color); + color: var(--background-color); + + width: 90%; + + margin: auto; +} + +.menu p {user-select: none; font-size: 20px;} + +.menu a { + color: var(--background-color); + text-decoration: none; +} + +.menu a:hover { + color: var(--accent-color); + background-color: var(--background-color); +} + +.name {text-align: left; width: 45%;} +.index {text-align: right; width: 45%;} + +/* Footer */ +.footer { + background-color: var(--accent-color); + color: var(--background-color); + + width: 90%; + + margin: auto; +} + +.footer p {font-size:12px;} + +.info {text-align: left; width: 90%;} + +/* Boxes */ +.box { + width: 100%; + + display: flex; + flex-direction: row; + justify-content: center; +} + +.item { + padding: 10px; + width: 40%; + + margin: auto; +} diff --git a/html/contact/index.html b/html/contact/index.html new file mode 100644 index 0000000..05d1402 --- /dev/null +++ b/html/contact/index.html @@ -0,0 +1,43 @@ + + + + / | Freed's place + + + + + + + + + + +
+

Freed's place

+
+

+ Home | + About | + Contact +

+
+
+ +
+
+ +
+
+

(─‿‿─) ♡

+

heya! my name's Bo, also known as Freed! I'm a tiny creature traveling around the wild web like every other tiny creature which I see on my computer screen. be welcome to my little corner of the internet!

+
+
+ +
+
+

Freed's place

+

Copyright (c) 2022-2025 FreedTapestry21

+
+
+ + diff --git a/html/index.html b/html/index.html new file mode 100644 index 0000000..05d1402 --- /dev/null +++ b/html/index.html @@ -0,0 +1,43 @@ + + + + / | Freed's place + + + + + + + + + + +
+

Freed's place

+
+

+ Home | + About | + Contact +

+
+
+ +
+
+ +
+
+

(─‿‿─) ♡

+

heya! my name's Bo, also known as Freed! I'm a tiny creature traveling around the wild web like every other tiny creature which I see on my computer screen. be welcome to my little corner of the internet!

+
+
+ +
+
+

Freed's place

+

Copyright (c) 2022-2025 FreedTapestry21

+
+
+ +