prettysunflower/website
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source
This commit is contained in:
prettysunflower
2025-05-22 18:08:15 +02:00
commit 364ffa15de
33 changed files with 900 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
static/Caddyfile Normal file
View File

@@ -0,0 +1,4 @@
:8001 {
root * /srv/
file_server
}

4
static/Dockerfile Normal file
View File

@@ -0,0 +1,4 @@
FROM caddy:latest
COPY Caddyfile /etc/caddy/Caddyfile
COPY static/ /srv/

5
static/noStatic.go Normal file
View File

@@ -0,0 +1,5 @@
//go:build !serveStatic
package static
func InitHttpHandlers() {}

16
static/serveStatic.go Normal file
View File

@@ -0,0 +1,16 @@
//go:build serveStatic
package static
import (
"embed"
"net/http"
)
//go:embed static/*
var staticFS embed.FS
func InitHttpHandlers() {
fs := http.FileServerFS(staticFS)
http.Handle("/static/", http.StripPrefix("/static", fs))
}

8
static/static/css/body.scss Normal file
View File

@@ -0,0 +1,8 @@
@use "fonts";
@use "colors";
body {
font-family: fonts.$font-stack;
background-color: colors.$background-color;
margin: 0;
}

1
static/static/css/colors.scss Normal file
View File

@@ -0,0 +1 @@
$background-color: oklch(0.97 0.0261 90.1);

3
static/static/css/fonts.scss Normal file
View File

@@ -0,0 +1,3 @@
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
$font-stack: "Open Sans", apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

48
static/static/css/index.scss Normal file
View File

@@ -0,0 +1,48 @@
@use "layout";
.page-index {
header {
width: 100%;
height: 75vh;
background-image: url('https://kakigoori.dev/c152e805-b859-4ad0-817c-4d671e5f15ad/auto');
background-size: cover;
background-position: top center;
display: flex;
justify-content: center;
align-items: center;
& > div {
display: flex;
justify-content: center;
align-items: center;
gap: 2rem;
width: min(80%, 800px);
margin: 0 auto;
padding: 2rem;
background-color: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(15px);
border-radius: 1rem;
}
img {
height: 200px;
border-radius: 50%;
}
}
hr {
@include layout.light-hr;
}
.columns {
h2 {
text-align: center;
}
}
.main-projects {
& > div {
display: flex;
}
}
}

10
static/static/css/layout.scss Normal file
View File

@@ -0,0 +1,10 @@
.columns {
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: space-evenly;
}
@mixin light-hr($height: .5px, $color: oklch(75% 0 0deg)) {
border: $height solid $color;
}

60
static/static/css/radio.scss Normal file
View File

@@ -0,0 +1,60 @@
@use "colors";
.page-radio-trains {
.video-zone {
display: flex;
justify-content: center;
align-items: center;
padding: 1rem;
#video-player {
aspect-ratio: 16 / 9;
max-width: 80%;
max-height: 50vh;
width: 100%;
}
}
h1 {
padding: 0 1rem;
text-align: center;
}
main {
display: grid;
gap: 1rem;
padding: 1rem;
grid-template-columns: repeat(4, 1fr);
& > div {
img {
width: 100%;
}
&.active {
background-color: oklch(from colors.$background-color calc(l - 0.05) c h);
}
p {
margin: .5em;
a {
text-decoration: none;
color: black;
}
}
}
@media screen and (max-width: 992px) {
grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 768px) {
grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 576px) {
grid-template-columns: 1fr;
}
}
}

102
static/static/css/style.css Normal file
View File

@@ -0,0 +1,102 @@
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
.columns {
display: flex;
flex-wrap: wrap;
gap: 1rem;
justify-content: space-evenly;
}
body {
font-family: "Open Sans", apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
background-color: oklch(97% 0.0261 90.1deg);
margin: 0;
}
.page-index header {
width: 100%;
height: 75vh;
background-image: url("https://kakigoori.dev/c152e805-b859-4ad0-817c-4d671e5f15ad/auto");
background-size: cover;
background-position: top center;
display: flex;
justify-content: center;
align-items: center;
}
.page-index header > div {
display: flex;
justify-content: center;
align-items: center;
gap: 2rem;
width: min(80%, 800px);
margin: 0 auto;
padding: 2rem;
background-color: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(15px);
border-radius: 1rem;
}
.page-index header img {
height: 200px;
border-radius: 50%;
}
.page-index hr {
border: 0.5px solid oklch(75% 0 0deg);
}
.page-index .columns h2 {
text-align: center;
}
.page-index .main-projects > div {
display: flex;
}
.page-radio-trains .video-zone {
display: flex;
justify-content: center;
align-items: center;
padding: 1rem;
}
.page-radio-trains .video-zone #video-player {
aspect-ratio: 16/9;
max-width: 80%;
max-height: 50vh;
width: 100%;
}
.page-radio-trains h1 {
padding: 0 1rem;
text-align: center;
}
.page-radio-trains main {
display: grid;
gap: 1rem;
padding: 1rem;
grid-template-columns: repeat(4, 1fr);
}
.page-radio-trains main > div img {
width: 100%;
}
.page-radio-trains main > div.active {
background-color: oklch(from oklch(97% 0.0261 90.1deg) calc(l - 0.05) c h);
}
.page-radio-trains main > div p {
margin: 0.5em;
}
.page-radio-trains main > div p a {
text-decoration: none;
color: black;
}
@media screen and (max-width: 992px) {
.page-radio-trains main {
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 768px) {
.page-radio-trains main {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 576px) {
.page-radio-trains main {
grid-template-columns: 1fr;
}
}
/*# sourceMappingURL=style.css.map */

1
static/static/css/style.css.map Normal file
View File

@@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["fonts.scss","layout.scss","body.scss","colors.scss","index.scss","radio.scss"],"names":[],"mappings":"AAAQ;ACAR;EACI;EACA;EACA;EACA;;;ACDJ;EACI,aFFS;EEGT,kBCLe;EDMf;;;AEHA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGJ;EACI;EACA;;AAIR;EHxBA;;AG6BI;EACI;;AAKJ;EACI;;;ACzCR;EACI;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;;AAIR;EACI;EACA;;AAGJ;EACI;EACA;EACA;EACA;;AAGI;EACI;;AAGJ;EACI;;AAGJ;EACI;;AAEA;EACI;EACA;;AAKZ;EAzBJ;IA0BQ;;;AAGJ;EA7BJ;IA8BQ;;;AAGJ;EAjCJ;IAkCQ","file":"style.css"}

4
static/static/css/style.scss Normal file
View File

@@ -0,0 +1,4 @@
@use "layout";
@use "body";
@use "index";
@use "radio";