commit 4a860896c21220b2b8b22da4a5d2f8794c90253a Author: cel 🌸 Date: Sun Jan 15 19:41:15 2023 +0000 make mockup diff --git a/mockup/branches/branch837-1.png b/mockup/branches/branch837-1.png new file mode 100644 index 0000000..f22e927 Binary files /dev/null and b/mockup/branches/branch837-1.png differ diff --git a/mockup/branches/branch837-2.png b/mockup/branches/branch837-2.png new file mode 100644 index 0000000..1fda5ee Binary files /dev/null and b/mockup/branches/branch837-2.png differ diff --git a/mockup/branches/branch840.png b/mockup/branches/branch840.png new file mode 100644 index 0000000..64ba230 Binary files /dev/null and b/mockup/branches/branch840.png differ diff --git a/mockup/branches/branch869.png b/mockup/branches/branch869.png new file mode 100644 index 0000000..8461c1c Binary files /dev/null and b/mockup/branches/branch869.png differ diff --git a/mockup/branches/branch871.png b/mockup/branches/branch871.png new file mode 100644 index 0000000..a9259bc Binary files /dev/null and b/mockup/branches/branch871.png differ diff --git a/mockup/branches/branch878.png b/mockup/branches/branch878.png new file mode 100644 index 0000000..63cfd3e Binary files /dev/null and b/mockup/branches/branch878.png differ diff --git a/mockup/branches/branch879.png b/mockup/branches/branch879.png new file mode 100644 index 0000000..3843a53 Binary files /dev/null and b/mockup/branches/branch879.png differ diff --git a/mockup/branches/branch880.png b/mockup/branches/branch880.png new file mode 100644 index 0000000..e614081 Binary files /dev/null and b/mockup/branches/branch880.png differ diff --git a/mockup/branches/branch881-1.png b/mockup/branches/branch881-1.png new file mode 100644 index 0000000..47dca0b Binary files /dev/null and b/mockup/branches/branch881-1.png differ diff --git a/mockup/branches/branch881-2.png b/mockup/branches/branch881-2.png new file mode 100644 index 0000000..465c7c0 Binary files /dev/null and b/mockup/branches/branch881-2.png differ diff --git a/mockup/branches/branch882-1.png b/mockup/branches/branch882-1.png new file mode 100644 index 0000000..66684dc Binary files /dev/null and b/mockup/branches/branch882-1.png differ diff --git a/mockup/branches/branch882-2.png b/mockup/branches/branch882-2.png new file mode 100644 index 0000000..24fc569 Binary files /dev/null and b/mockup/branches/branch882-2.png differ diff --git a/mockup/branches/branch883-1.png b/mockup/branches/branch883-1.png new file mode 100644 index 0000000..56942c0 Binary files /dev/null and b/mockup/branches/branch883-1.png differ diff --git a/mockup/branches/branch883-2.png b/mockup/branches/branch883-2.png new file mode 100644 index 0000000..2b16a81 Binary files /dev/null and b/mockup/branches/branch883-2.png differ diff --git a/mockup/fonts.css b/mockup/fonts.css new file mode 100644 index 0000000..48983cb --- /dev/null +++ b/mockup/fonts.css @@ -0,0 +1,12 @@ +@font-face { + font-family: kaerukaeru; + src: url('/fonts/kaerukaeru-Regular.woff2') format('woff2'), + url('/fonts/kaerukaeru-Regular.woff') format('woff'); +} + +@font-face { + font-family: Louise; + src: url('/fonts/Louise-Regular.woff2') format('woff2'), + url('/fonts/Louise-Regular.woff') format('woff'); +} + diff --git a/mockup/fonts.css~ b/mockup/fonts.css~ new file mode 100644 index 0000000..e69de29 diff --git a/mockup/fonts/18thCtrInit.ttf b/mockup/fonts/18thCtrInit.ttf new file mode 100644 index 0000000..93e3cbc Binary files /dev/null and b/mockup/fonts/18thCtrInit.ttf differ diff --git a/mockup/fonts/18thCtrKurStart.ttf b/mockup/fonts/18thCtrKurStart.ttf new file mode 100644 index 0000000..9fab1f8 Binary files /dev/null and b/mockup/fonts/18thCtrKurStart.ttf differ diff --git a/mockup/fonts/18thCtrKurTxt.ttf b/mockup/fonts/18thCtrKurTxt.ttf new file mode 100644 index 0000000..8f789de Binary files /dev/null and b/mockup/fonts/18thCtrKurTxt.ttf differ diff --git a/mockup/fonts/Abordage-Regular.woff b/mockup/fonts/Abordage-Regular.woff new file mode 100644 index 0000000..b38b09c Binary files /dev/null and b/mockup/fonts/Abordage-Regular.woff differ diff --git a/mockup/fonts/Abordage-Regular.woff2 b/mockup/fonts/Abordage-Regular.woff2 new file mode 100644 index 0000000..d3aea8e Binary files /dev/null and b/mockup/fonts/Abordage-Regular.woff2 differ diff --git a/mockup/fonts/AlmendraDisplay-Regular.ttf b/mockup/fonts/AlmendraDisplay-Regular.ttf new file mode 100644 index 0000000..e0fbd19 Binary files /dev/null and b/mockup/fonts/AlmendraDisplay-Regular.ttf differ diff --git a/mockup/fonts/Basalte-Fond.woff b/mockup/fonts/Basalte-Fond.woff new file mode 100644 index 0000000..28b3265 Binary files /dev/null and b/mockup/fonts/Basalte-Fond.woff differ diff --git a/mockup/fonts/Basalte-Fond.woff2 b/mockup/fonts/Basalte-Fond.woff2 new file mode 100644 index 0000000..b676c81 Binary files /dev/null and b/mockup/fonts/Basalte-Fond.woff2 differ diff --git a/mockup/fonts/Basalte-Multicolor.woff b/mockup/fonts/Basalte-Multicolor.woff new file mode 100644 index 0000000..4802289 Binary files /dev/null and b/mockup/fonts/Basalte-Multicolor.woff differ diff --git a/mockup/fonts/Basalte-Multicolor.woff2 b/mockup/fonts/Basalte-Multicolor.woff2 new file mode 100644 index 0000000..605f2f1 Binary files /dev/null and b/mockup/fonts/Basalte-Multicolor.woff2 differ diff --git a/mockup/fonts/Basalte-Volume.woff b/mockup/fonts/Basalte-Volume.woff new file mode 100644 index 0000000..3b9c8ea Binary files /dev/null and b/mockup/fonts/Basalte-Volume.woff differ diff --git a/mockup/fonts/Basalte-Volume.woff2 b/mockup/fonts/Basalte-Volume.woff2 new file mode 100644 index 0000000..0b4f3c4 Binary files /dev/null and b/mockup/fonts/Basalte-Volume.woff2 differ diff --git a/mockup/fonts/CherryBombRegular.woff2 b/mockup/fonts/CherryBombRegular.woff2 new file mode 100644 index 0000000..ae8d4cf Binary files /dev/null and b/mockup/fonts/CherryBombRegular.woff2 differ diff --git a/mockup/fonts/Compagnon-Bold.woff b/mockup/fonts/Compagnon-Bold.woff new file mode 100644 index 0000000..bcf4f25 Binary files /dev/null and b/mockup/fonts/Compagnon-Bold.woff differ diff --git a/mockup/fonts/Compagnon-Bold.woff2 b/mockup/fonts/Compagnon-Bold.woff2 new file mode 100644 index 0000000..a6554ce Binary files /dev/null and b/mockup/fonts/Compagnon-Bold.woff2 differ diff --git a/mockup/fonts/Compagnon-Italic.woff b/mockup/fonts/Compagnon-Italic.woff new file mode 100644 index 0000000..b0f9054 Binary files /dev/null and b/mockup/fonts/Compagnon-Italic.woff differ diff --git a/mockup/fonts/Compagnon-Italic.woff2 b/mockup/fonts/Compagnon-Italic.woff2 new file mode 100644 index 0000000..73ef07c Binary files /dev/null and b/mockup/fonts/Compagnon-Italic.woff2 differ diff --git a/mockup/fonts/Compagnon-Light.woff b/mockup/fonts/Compagnon-Light.woff new file mode 100644 index 0000000..b0c6e87 Binary files /dev/null and b/mockup/fonts/Compagnon-Light.woff differ diff --git a/mockup/fonts/Compagnon-Light.woff2 b/mockup/fonts/Compagnon-Light.woff2 new file mode 100644 index 0000000..8f962de Binary files /dev/null and b/mockup/fonts/Compagnon-Light.woff2 differ diff --git a/mockup/fonts/Compagnon-Medium.woff b/mockup/fonts/Compagnon-Medium.woff new file mode 100644 index 0000000..4eb136c Binary files /dev/null and b/mockup/fonts/Compagnon-Medium.woff differ diff --git a/mockup/fonts/Compagnon-Medium.woff2 b/mockup/fonts/Compagnon-Medium.woff2 new file mode 100644 index 0000000..13b9528 Binary files /dev/null and b/mockup/fonts/Compagnon-Medium.woff2 differ diff --git a/mockup/fonts/Compagnon-Roman.woff b/mockup/fonts/Compagnon-Roman.woff new file mode 100644 index 0000000..bef9810 Binary files /dev/null and b/mockup/fonts/Compagnon-Roman.woff differ diff --git a/mockup/fonts/Compagnon-Roman.woff2 b/mockup/fonts/Compagnon-Roman.woff2 new file mode 100644 index 0000000..c519337 Binary files /dev/null and b/mockup/fonts/Compagnon-Roman.woff2 differ diff --git a/mockup/fonts/DeGerm_LoCase.ttf b/mockup/fonts/DeGerm_LoCase.ttf new file mode 100644 index 0000000..011e592 Binary files /dev/null and b/mockup/fonts/DeGerm_LoCase.ttf differ diff --git a/mockup/fonts/Director-Bold.woff b/mockup/fonts/Director-Bold.woff new file mode 100644 index 0000000..b94ae03 Binary files /dev/null and b/mockup/fonts/Director-Bold.woff differ diff --git a/mockup/fonts/Director-Bold.woff2 b/mockup/fonts/Director-Bold.woff2 new file mode 100644 index 0000000..f27fee7 Binary files /dev/null and b/mockup/fonts/Director-Bold.woff2 differ diff --git a/mockup/fonts/Director-Light.woff b/mockup/fonts/Director-Light.woff new file mode 100644 index 0000000..d210b95 Binary files /dev/null and b/mockup/fonts/Director-Light.woff differ diff --git a/mockup/fonts/Director-Light.woff2 b/mockup/fonts/Director-Light.woff2 new file mode 100644 index 0000000..2f3ce48 Binary files /dev/null and b/mockup/fonts/Director-Light.woff2 differ diff --git a/mockup/fonts/Director-Regular.woff b/mockup/fonts/Director-Regular.woff new file mode 100644 index 0000000..08cf4d3 Binary files /dev/null and b/mockup/fonts/Director-Regular.woff differ diff --git a/mockup/fonts/Director-Regular.woff2 b/mockup/fonts/Director-Regular.woff2 new file mode 100644 index 0000000..b9fa97c Binary files /dev/null and b/mockup/fonts/Director-Regular.woff2 differ diff --git a/mockup/fonts/Director-Variable.woff b/mockup/fonts/Director-Variable.woff new file mode 100644 index 0000000..ef6429d Binary files /dev/null and b/mockup/fonts/Director-Variable.woff differ diff --git a/mockup/fonts/Director-Variable.woff2 b/mockup/fonts/Director-Variable.woff2 new file mode 100644 index 0000000..fc4fa81 Binary files /dev/null and b/mockup/fonts/Director-Variable.woff2 differ diff --git a/mockup/fonts/Equateur-Regular.woff b/mockup/fonts/Equateur-Regular.woff new file mode 100644 index 0000000..3a7375e Binary files /dev/null and b/mockup/fonts/Equateur-Regular.woff differ diff --git a/mockup/fonts/Equateur-Regular.woff2 b/mockup/fonts/Equateur-Regular.woff2 new file mode 100644 index 0000000..7e74cc9 Binary files /dev/null and b/mockup/fonts/Equateur-Regular.woff2 differ diff --git a/mockup/fonts/FT88-Bold.woff b/mockup/fonts/FT88-Bold.woff new file mode 100644 index 0000000..69f0052 Binary files /dev/null and b/mockup/fonts/FT88-Bold.woff differ diff --git a/mockup/fonts/FT88-Bold.woff2 b/mockup/fonts/FT88-Bold.woff2 new file mode 100644 index 0000000..63ee3d6 Binary files /dev/null and b/mockup/fonts/FT88-Bold.woff2 differ diff --git a/mockup/fonts/FT88-Expanded.woff b/mockup/fonts/FT88-Expanded.woff new file mode 100644 index 0000000..2402a50 Binary files /dev/null and b/mockup/fonts/FT88-Expanded.woff differ diff --git a/mockup/fonts/FT88-Expanded.woff2 b/mockup/fonts/FT88-Expanded.woff2 new file mode 100644 index 0000000..9a1d3ed Binary files /dev/null and b/mockup/fonts/FT88-Expanded.woff2 differ diff --git a/mockup/fonts/FT88-Gothique.woff b/mockup/fonts/FT88-Gothique.woff new file mode 100644 index 0000000..e9ce7b6 Binary files /dev/null and b/mockup/fonts/FT88-Gothique.woff differ diff --git a/mockup/fonts/FT88-Gothique.woff2 b/mockup/fonts/FT88-Gothique.woff2 new file mode 100644 index 0000000..3e2d34e Binary files /dev/null and b/mockup/fonts/FT88-Gothique.woff2 differ diff --git a/mockup/fonts/FT88-Italic.woff b/mockup/fonts/FT88-Italic.woff new file mode 100644 index 0000000..a0a6e7d Binary files /dev/null and b/mockup/fonts/FT88-Italic.woff differ diff --git a/mockup/fonts/FT88-Italic.woff2 b/mockup/fonts/FT88-Italic.woff2 new file mode 100644 index 0000000..9ce48fb Binary files /dev/null and b/mockup/fonts/FT88-Italic.woff2 differ diff --git a/mockup/fonts/FT88-Regular.woff b/mockup/fonts/FT88-Regular.woff new file mode 100644 index 0000000..02a44d7 Binary files /dev/null and b/mockup/fonts/FT88-Regular.woff differ diff --git a/mockup/fonts/FT88-Regular.woff2 b/mockup/fonts/FT88-Regular.woff2 new file mode 100644 index 0000000..decbff7 Binary files /dev/null and b/mockup/fonts/FT88-Regular.woff2 differ diff --git a/mockup/fonts/FT88-School.woff b/mockup/fonts/FT88-School.woff new file mode 100644 index 0000000..60cd817 Binary files /dev/null and b/mockup/fonts/FT88-School.woff differ diff --git a/mockup/fonts/FT88-School.woff2 b/mockup/fonts/FT88-School.woff2 new file mode 100644 index 0000000..8d18871 Binary files /dev/null and b/mockup/fonts/FT88-School.woff2 differ diff --git a/mockup/fonts/FT88-Serif.woff b/mockup/fonts/FT88-Serif.woff new file mode 100644 index 0000000..de6d54a Binary files /dev/null and b/mockup/fonts/FT88-Serif.woff differ diff --git a/mockup/fonts/FT88-Serif.woff2 b/mockup/fonts/FT88-Serif.woff2 new file mode 100644 index 0000000..2e840bc Binary files /dev/null and b/mockup/fonts/FT88-Serif.woff2 differ diff --git a/mockup/fonts/Go-Mono-Bold-Italic.ttf b/mockup/fonts/Go-Mono-Bold-Italic.ttf new file mode 100644 index 0000000..0884406 Binary files /dev/null and b/mockup/fonts/Go-Mono-Bold-Italic.ttf differ diff --git a/mockup/fonts/Go-Mono-Bold.ttf b/mockup/fonts/Go-Mono-Bold.ttf new file mode 100644 index 0000000..bbad5fd Binary files /dev/null and b/mockup/fonts/Go-Mono-Bold.ttf differ diff --git a/mockup/fonts/Go-Mono-Italic.ttf b/mockup/fonts/Go-Mono-Italic.ttf new file mode 100644 index 0000000..ec27133 Binary files /dev/null and b/mockup/fonts/Go-Mono-Italic.ttf differ diff --git a/mockup/fonts/Go-Mono.ttf b/mockup/fonts/Go-Mono.ttf new file mode 100644 index 0000000..e64e22f Binary files /dev/null and b/mockup/fonts/Go-Mono.ttf differ diff --git a/mockup/fonts/Karrik-Italic.otf b/mockup/fonts/Karrik-Italic.otf new file mode 100644 index 0000000..fb85fff Binary files /dev/null and b/mockup/fonts/Karrik-Italic.otf differ diff --git a/mockup/fonts/Karrik-Regular.otf b/mockup/fonts/Karrik-Regular.otf new file mode 100644 index 0000000..bbe94bf Binary files /dev/null and b/mockup/fonts/Karrik-Regular.otf differ diff --git a/mockup/fonts/Latitude-Regular.woff b/mockup/fonts/Latitude-Regular.woff new file mode 100644 index 0000000..e991746 Binary files /dev/null and b/mockup/fonts/Latitude-Regular.woff differ diff --git a/mockup/fonts/Latitude-Regular.woff2 b/mockup/fonts/Latitude-Regular.woff2 new file mode 100644 index 0000000..441ad94 Binary files /dev/null and b/mockup/fonts/Latitude-Regular.woff2 differ diff --git a/mockup/fonts/Louise-Regular.woff b/mockup/fonts/Louise-Regular.woff new file mode 100644 index 0000000..b8b5535 Binary files /dev/null and b/mockup/fonts/Louise-Regular.woff differ diff --git a/mockup/fonts/Louise-Regular.woff2 b/mockup/fonts/Louise-Regular.woff2 new file mode 100644 index 0000000..a69cf15 Binary files /dev/null and b/mockup/fonts/Louise-Regular.woff2 differ diff --git a/mockup/fonts/MAZIUSREVIEW20.09-Extraitalic.woff b/mockup/fonts/MAZIUSREVIEW20.09-Extraitalic.woff new file mode 100644 index 0000000..e6a77b1 Binary files /dev/null and b/mockup/fonts/MAZIUSREVIEW20.09-Extraitalic.woff differ diff --git a/mockup/fonts/MAZIUSREVIEW20.09-Extraitalic.woff2 b/mockup/fonts/MAZIUSREVIEW20.09-Extraitalic.woff2 new file mode 100644 index 0000000..e2c5518 Binary files /dev/null and b/mockup/fonts/MAZIUSREVIEW20.09-Extraitalic.woff2 differ diff --git a/mockup/fonts/MAZIUSREVIEW20.09-Italic.woff b/mockup/fonts/MAZIUSREVIEW20.09-Italic.woff new file mode 100644 index 0000000..b16d212 Binary files /dev/null and b/mockup/fonts/MAZIUSREVIEW20.09-Italic.woff differ diff --git a/mockup/fonts/MAZIUSREVIEW20.09-Italic.woff2 b/mockup/fonts/MAZIUSREVIEW20.09-Italic.woff2 new file mode 100644 index 0000000..96ba154 Binary files /dev/null and b/mockup/fonts/MAZIUSREVIEW20.09-Italic.woff2 differ diff --git a/mockup/fonts/MAZIUSREVIEW20.09-Regular.woff b/mockup/fonts/MAZIUSREVIEW20.09-Regular.woff new file mode 100644 index 0000000..5644534 Binary files /dev/null and b/mockup/fonts/MAZIUSREVIEW20.09-Regular.woff differ diff --git a/mockup/fonts/MAZIUSREVIEW20.09-Regular.woff2 b/mockup/fonts/MAZIUSREVIEW20.09-Regular.woff2 new file mode 100644 index 0000000..c621642 Binary files /dev/null and b/mockup/fonts/MAZIUSREVIEW20.09-Regular.woff2 differ diff --git a/mockup/fonts/Minecraftia.ttf b/mockup/fonts/Minecraftia.ttf new file mode 100644 index 0000000..2cf2af4 Binary files /dev/null and b/mockup/fonts/Minecraftia.ttf differ diff --git a/mockup/fonts/MonHugo-in.woff b/mockup/fonts/MonHugo-in.woff new file mode 100644 index 0000000..2d2a566 Binary files /dev/null and b/mockup/fonts/MonHugo-in.woff differ diff --git a/mockup/fonts/MonHugo-in.woff2 b/mockup/fonts/MonHugo-in.woff2 new file mode 100644 index 0000000..3c55eb6 Binary files /dev/null and b/mockup/fonts/MonHugo-in.woff2 differ diff --git a/mockup/fonts/MonHugo-out.woff b/mockup/fonts/MonHugo-out.woff new file mode 100644 index 0000000..b2ea992 Binary files /dev/null and b/mockup/fonts/MonHugo-out.woff differ diff --git a/mockup/fonts/MonHugo-out.woff2 b/mockup/fonts/MonHugo-out.woff2 new file mode 100644 index 0000000..2208134 Binary files /dev/null and b/mockup/fonts/MonHugo-out.woff2 differ diff --git a/mockup/fonts/PicNic-Regular.woff b/mockup/fonts/PicNic-Regular.woff new file mode 100644 index 0000000..df03c06 Binary files /dev/null and b/mockup/fonts/PicNic-Regular.woff differ diff --git a/mockup/fonts/PicNic-Regular.woff2 b/mockup/fonts/PicNic-Regular.woff2 new file mode 100644 index 0000000..8a3d8e4 Binary files /dev/null and b/mockup/fonts/PicNic-Regular.woff2 differ diff --git a/mockup/fonts/Steps-Mono-Thin.otf b/mockup/fonts/Steps-Mono-Thin.otf new file mode 100644 index 0000000..6cfae91 Binary files /dev/null and b/mockup/fonts/Steps-Mono-Thin.otf differ diff --git a/mockup/fonts/Steps-Mono.otf b/mockup/fonts/Steps-Mono.otf new file mode 100644 index 0000000..c239ac0 Binary files /dev/null and b/mockup/fonts/Steps-Mono.otf differ diff --git a/mockup/fonts/TorreFarfan_v2.ttf b/mockup/fonts/TorreFarfan_v2.ttf new file mode 100644 index 0000000..c214b4e Binary files /dev/null and b/mockup/fonts/TorreFarfan_v2.ttf differ diff --git a/mockup/fonts/kaerukaeru-Regular.woff b/mockup/fonts/kaerukaeru-Regular.woff new file mode 100644 index 0000000..7479c46 Binary files /dev/null and b/mockup/fonts/kaerukaeru-Regular.woff differ diff --git a/mockup/fonts/kaerukaeru-Regular.woff2 b/mockup/fonts/kaerukaeru-Regular.woff2 new file mode 100644 index 0000000..f2648aa Binary files /dev/null and b/mockup/fonts/kaerukaeru-Regular.woff2 differ diff --git a/mockup/fonts/terminal-grotesque_open.otf b/mockup/fonts/terminal-grotesque_open.otf new file mode 100644 index 0000000..41e3de6 Binary files /dev/null and b/mockup/fonts/terminal-grotesque_open.otf differ diff --git a/mockup/fonts/ukikusa.ttf b/mockup/fonts/ukikusa.ttf new file mode 100644 index 0000000..d6640f7 Binary files /dev/null and b/mockup/fonts/ukikusa.ttf differ diff --git a/mockup/index.html b/mockup/index.html new file mode 100644 index 0000000..0d908e8 --- /dev/null +++ b/mockup/index.html @@ -0,0 +1,142 @@ + + + + + + + cel's garden + + + + + cherry blossom branch + cherry blossom branch + cherry blossom branch + cherry blossom branch + cherry blossom branch + cherry blossom branch + cherry blossom branch + cherry blossom branch + cherry blossom branch + cherry blossom branch + cherry blossom branch + cherry blossom branch + cherry blossom branch + cherry blossom branch + +
+
+
+

cel 🌸

+
+ + now playing: Parfum d'Γ©toiles - Ichiko Aoba +
+ + +
+
+
+

hallo i am celeste welcome 2 my site 🌟

+

this is where i dump everything

+

i wish u a wonderful day

+
+ +

perpetually under construction

+ +
+ +
+
+ +
+ + diff --git a/mockup/index.html~ b/mockup/index.html~ new file mode 100644 index 0000000..e69de29 diff --git a/mockup/style.css b/mockup/style.css new file mode 100644 index 0000000..57c4e97 --- /dev/null +++ b/mockup/style.css @@ -0,0 +1,344 @@ +body { + background-color: #80a7e3; + color: #311f20; +} + +.page { + padding: 6vw; + display: flex; + flex-direction: column; +} + +img { + max-width: 100%; + border: 4px solid #311f20; +} + +.label, +.label * { + display: inline; + padding: 0; + border-radius: 0; + border: 0; + margin: 0 0.1em; + background-color: #0000; +} + +header { + display: flex; + align-items: end; + flex-wrap: wrap; +} + +header > #stream, +header > #scrobble { + flex: 0 1 auto; +} + +#stream { + background-color: #b52f6a; + max-width: 100%; + width: 550px; + aspect-ratio: 550/350; +} + +.panel { + margin: 2vw; + border: 4px solid #311f20; + padding: 2rem 4rem; + position: relative; + pointer-events: all; +} + +header, main, body { + pointer-events: none; +} + +#title { + z-index: 10; + display: inline-block; + font-family: kaerukaeru; + font-size: 2em; + padding: 0rem 4rem; + background-color: #d16a84; +} + +#scrobble { + background-color: #eb743b; + border-radius: 0; + color: #353070; +} + +iframe { + margin: 0; + padding: 0; +} + +ul { + list-style-type: none; + margin: rem 0; + padding: 0; +} + +a { + text-decoration: none; + color: #edc953; + background-color: #311f20; + padding: 0.5em; + border-radius: 2em; + display: inline-block; + margin: 0.5em; +} + +a:hover { + font-style: italic; +} + +a.active { + background-color: #edc953; + color: #311f20; +} + +nav { + padding: 1rem 4rem; + background-color: #5faf87; + z-index: -1; +} + +nav:hover { + z-index: 1; +} + +ul#nav { + display: flex; + justify-content: start; + flex-wrap: wrap; + gap: 0.2em; + font-size: 1.1rem; +} + +#nav img { + height: 1.1rem; + width: 1.1rem; +} + +#blog-list { + width: 100%; +} + +.blog-entry { + display: flex; + justify-content: space-between; + background-color: #0000; + border-radius: 0; + padding: 0; + margin: 0; + font-size: 1.1rem; +} + +#skinnyverse { + font-family: CherryBomb; + color: #e8c6e6; + border-color: #bf42a0; + background-color: #28446c; + flex: 1 1 15rem; + z-index: -1; +} + +#latest-skweets { + background-color: #0000; + padding: 0; + margin: 0; + border-radius: 0; + color: #bf42a0; +} + +#blogs { + z-index: -1; + background-color: #7f99e6; +} + +#footer { + z-index: -1; + background-color: #e8d2c5; +} + +#footer > a { + border-radius: 0; + padding: 0; + background-color: #0000; +} + +aside { + flex: 1 1 30rem; +} + +#skinnyverse:hover, +#blogs:hover, +#footer:hover { + z-index: 10; +} + +.post { + display: flex; + gap: 2em; + margin: 2em 0; +} + +.post h4, h5 { + margin: 0; +} + +.post > .profile { + border: 4px solid #bf42a0; + width: 48px; + height: 48px; +} + +.post-content { + flex: 1 1 auto; +} + +.post > .post-content > div { + display: flex; + justify-content: space-between; +} + +.post > .post-content > .gallery { + display: flex; + max-width: 100%; + gap: 1em; +} + +.post > .post-content > .gallery > img { + border: 4px solid #bf42a0; + flex: 1 1 auto; + width: 10px; +} + +.branch { + border: none; + width: 100vw; + position: absolute; + pointer-events: none; +} + +main { + display: flex; + flex-wrap: wrap; + align-items: flex-start; +} + +.content { + flex: 12 1 0; + min-width: 50vw; + z-index: 3; + overflow-wrap: break-word; +} + +.content:hover { + z-index: 10; +} + +.p-name { + display: none; +} + +.info { + background-color: #d1a2e7; +} + +.info:hover { + z-index: 10; +} + +#branch6 { + top: 200vw; + -webkit-transform: scaleX(-1); + transform: scaleX(-1); + pointer-events: none; +} + +#branch2 { + top: 60vw; + + z-index: -2; + pointer-events: none; +} + +#branch3 { + top: 100vw; + z-index: -2; + pointer-events: none; +} + +#branch4 { + top: 270vw; + -webkit-transform: scaleX(-1); + transform: scaleX(-1); + z-index: 0; + pointer-events: none; +} + +#branch5 { + top: 0vw; + pointer-events: none; +} + +#branch1 { + top: 0vw; + -webkit-transform: scaleX(-1); + transform: scaleX(-1); + z-index: -1; + pointer-events: none; +} + +#branch7 { + top: 180vw; + pointer-events: none; +} + +#branch8 { + top: 260vw; + pointer-events: none; +} + +#branch9 { + top: 50vw; + -webkit-transform: scaleX(-1); + transform: scaleX(-1); + z-index: 4; + pointer-events: none; +} + +#branch10 { + top: 100vw; + pointer-events: none; +} + +#branch11 { + top: 145vw; + -webkit-transform: scaleX(-1); + transform: scaleX(-1); + pointer-events: none; +} + +#branch12 { + top: 180vw; + pointer-events: none; + z-index: 4; +} + +#branch13 { + top: 15vw; + z-index: -3; + pointer-events: none; +} + +#branch14 { + top: 105vw; + -webkit-transform: scaleX(-1); + transform: scaleX(-1); + z-index: 4; + pointer-events: none; +} diff --git a/mockup/style.css~ b/mockup/style.css~ new file mode 100644 index 0000000..e69de29