diff options
Diffstat (limited to 'mockup')
98 files changed, 498 insertions, 0 deletions
diff --git a/mockup/branches/branch837-1.png b/mockup/branches/branch837-1.png Binary files differnew file mode 100644 index 0000000..f22e927 --- /dev/null +++ b/mockup/branches/branch837-1.png diff --git a/mockup/branches/branch837-2.png b/mockup/branches/branch837-2.png Binary files differnew file mode 100644 index 0000000..1fda5ee --- /dev/null +++ b/mockup/branches/branch837-2.png diff --git a/mockup/branches/branch840.png b/mockup/branches/branch840.png Binary files differnew file mode 100644 index 0000000..64ba230 --- /dev/null +++ b/mockup/branches/branch840.png diff --git a/mockup/branches/branch869.png b/mockup/branches/branch869.png Binary files differnew file mode 100644 index 0000000..8461c1c --- /dev/null +++ b/mockup/branches/branch869.png diff --git a/mockup/branches/branch871.png b/mockup/branches/branch871.png Binary files differnew file mode 100644 index 0000000..a9259bc --- /dev/null +++ b/mockup/branches/branch871.png diff --git a/mockup/branches/branch878.png b/mockup/branches/branch878.png Binary files differnew file mode 100644 index 0000000..63cfd3e --- /dev/null +++ b/mockup/branches/branch878.png diff --git a/mockup/branches/branch879.png b/mockup/branches/branch879.png Binary files differnew file mode 100644 index 0000000..3843a53 --- /dev/null +++ b/mockup/branches/branch879.png diff --git a/mockup/branches/branch880.png b/mockup/branches/branch880.png Binary files differnew file mode 100644 index 0000000..e614081 --- /dev/null +++ b/mockup/branches/branch880.png diff --git a/mockup/branches/branch881-1.png b/mockup/branches/branch881-1.png Binary files differnew file mode 100644 index 0000000..47dca0b --- /dev/null +++ b/mockup/branches/branch881-1.png diff --git a/mockup/branches/branch881-2.png b/mockup/branches/branch881-2.png Binary files differnew file mode 100644 index 0000000..465c7c0 --- /dev/null +++ b/mockup/branches/branch881-2.png diff --git a/mockup/branches/branch882-1.png b/mockup/branches/branch882-1.png Binary files differnew file mode 100644 index 0000000..66684dc --- /dev/null +++ b/mockup/branches/branch882-1.png diff --git a/mockup/branches/branch882-2.png b/mockup/branches/branch882-2.png Binary files differnew file mode 100644 index 0000000..24fc569 --- /dev/null +++ b/mockup/branches/branch882-2.png diff --git a/mockup/branches/branch883-1.png b/mockup/branches/branch883-1.png Binary files differnew file mode 100644 index 0000000..56942c0 --- /dev/null +++ b/mockup/branches/branch883-1.png diff --git a/mockup/branches/branch883-2.png b/mockup/branches/branch883-2.png Binary files differnew file mode 100644 index 0000000..2b16a81 --- /dev/null +++ b/mockup/branches/branch883-2.png 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 --- /dev/null +++ b/mockup/fonts.css~ diff --git a/mockup/fonts/18thCtrInit.ttf b/mockup/fonts/18thCtrInit.ttf Binary files differnew file mode 100644 index 0000000..93e3cbc --- /dev/null +++ b/mockup/fonts/18thCtrInit.ttf diff --git a/mockup/fonts/18thCtrKurStart.ttf b/mockup/fonts/18thCtrKurStart.ttf Binary files differnew file mode 100644 index 0000000..9fab1f8 --- /dev/null +++ b/mockup/fonts/18thCtrKurStart.ttf diff --git a/mockup/fonts/18thCtrKurTxt.ttf b/mockup/fonts/18thCtrKurTxt.ttf Binary files differnew file mode 100644 index 0000000..8f789de --- /dev/null +++ b/mockup/fonts/18thCtrKurTxt.ttf diff --git a/mockup/fonts/Abordage-Regular.woff b/mockup/fonts/Abordage-Regular.woff Binary files differnew file mode 100644 index 0000000..b38b09c --- /dev/null +++ b/mockup/fonts/Abordage-Regular.woff diff --git a/mockup/fonts/Abordage-Regular.woff2 b/mockup/fonts/Abordage-Regular.woff2 Binary files differnew file mode 100644 index 0000000..d3aea8e --- /dev/null +++ b/mockup/fonts/Abordage-Regular.woff2 diff --git a/mockup/fonts/AlmendraDisplay-Regular.ttf b/mockup/fonts/AlmendraDisplay-Regular.ttf Binary files differnew file mode 100644 index 0000000..e0fbd19 --- /dev/null +++ b/mockup/fonts/AlmendraDisplay-Regular.ttf diff --git a/mockup/fonts/Basalte-Fond.woff b/mockup/fonts/Basalte-Fond.woff Binary files differnew file mode 100644 index 0000000..28b3265 --- /dev/null +++ b/mockup/fonts/Basalte-Fond.woff diff --git a/mockup/fonts/Basalte-Fond.woff2 b/mockup/fonts/Basalte-Fond.woff2 Binary files differnew file mode 100644 index 0000000..b676c81 --- /dev/null +++ b/mockup/fonts/Basalte-Fond.woff2 diff --git a/mockup/fonts/Basalte-Multicolor.woff b/mockup/fonts/Basalte-Multicolor.woff Binary files differnew file mode 100644 index 0000000..4802289 --- /dev/null +++ b/mockup/fonts/Basalte-Multicolor.woff diff --git a/mockup/fonts/Basalte-Multicolor.woff2 b/mockup/fonts/Basalte-Multicolor.woff2 Binary files differnew file mode 100644 index 0000000..605f2f1 --- /dev/null +++ b/mockup/fonts/Basalte-Multicolor.woff2 diff --git a/mockup/fonts/Basalte-Volume.woff b/mockup/fonts/Basalte-Volume.woff Binary files differnew file mode 100644 index 0000000..3b9c8ea --- /dev/null +++ b/mockup/fonts/Basalte-Volume.woff diff --git a/mockup/fonts/Basalte-Volume.woff2 b/mockup/fonts/Basalte-Volume.woff2 Binary files differnew file mode 100644 index 0000000..0b4f3c4 --- /dev/null +++ b/mockup/fonts/Basalte-Volume.woff2 diff --git a/mockup/fonts/CherryBombRegular.woff2 b/mockup/fonts/CherryBombRegular.woff2 Binary files differnew file mode 100644 index 0000000..ae8d4cf --- /dev/null +++ b/mockup/fonts/CherryBombRegular.woff2 diff --git a/mockup/fonts/Compagnon-Bold.woff b/mockup/fonts/Compagnon-Bold.woff Binary files differnew file mode 100644 index 0000000..bcf4f25 --- /dev/null +++ b/mockup/fonts/Compagnon-Bold.woff diff --git a/mockup/fonts/Compagnon-Bold.woff2 b/mockup/fonts/Compagnon-Bold.woff2 Binary files differnew file mode 100644 index 0000000..a6554ce --- /dev/null +++ b/mockup/fonts/Compagnon-Bold.woff2 diff --git a/mockup/fonts/Compagnon-Italic.woff b/mockup/fonts/Compagnon-Italic.woff Binary files differnew file mode 100644 index 0000000..b0f9054 --- /dev/null +++ b/mockup/fonts/Compagnon-Italic.woff diff --git a/mockup/fonts/Compagnon-Italic.woff2 b/mockup/fonts/Compagnon-Italic.woff2 Binary files differnew file mode 100644 index 0000000..73ef07c --- /dev/null +++ b/mockup/fonts/Compagnon-Italic.woff2 diff --git a/mockup/fonts/Compagnon-Light.woff b/mockup/fonts/Compagnon-Light.woff Binary files differnew file mode 100644 index 0000000..b0c6e87 --- /dev/null +++ b/mockup/fonts/Compagnon-Light.woff diff --git a/mockup/fonts/Compagnon-Light.woff2 b/mockup/fonts/Compagnon-Light.woff2 Binary files differnew file mode 100644 index 0000000..8f962de --- /dev/null +++ b/mockup/fonts/Compagnon-Light.woff2 diff --git a/mockup/fonts/Compagnon-Medium.woff b/mockup/fonts/Compagnon-Medium.woff Binary files differnew file mode 100644 index 0000000..4eb136c --- /dev/null +++ b/mockup/fonts/Compagnon-Medium.woff diff --git a/mockup/fonts/Compagnon-Medium.woff2 b/mockup/fonts/Compagnon-Medium.woff2 Binary files differnew file mode 100644 index 0000000..13b9528 --- /dev/null +++ b/mockup/fonts/Compagnon-Medium.woff2 diff --git a/mockup/fonts/Compagnon-Roman.woff b/mockup/fonts/Compagnon-Roman.woff Binary files differnew file mode 100644 index 0000000..bef9810 --- /dev/null +++ b/mockup/fonts/Compagnon-Roman.woff diff --git a/mockup/fonts/Compagnon-Roman.woff2 b/mockup/fonts/Compagnon-Roman.woff2 Binary files differnew file mode 100644 index 0000000..c519337 --- /dev/null +++ b/mockup/fonts/Compagnon-Roman.woff2 diff --git a/mockup/fonts/DeGerm_LoCase.ttf b/mockup/fonts/DeGerm_LoCase.ttf Binary files differnew file mode 100644 index 0000000..011e592 --- /dev/null +++ b/mockup/fonts/DeGerm_LoCase.ttf diff --git a/mockup/fonts/Director-Bold.woff b/mockup/fonts/Director-Bold.woff Binary files differnew file mode 100644 index 0000000..b94ae03 --- /dev/null +++ b/mockup/fonts/Director-Bold.woff diff --git a/mockup/fonts/Director-Bold.woff2 b/mockup/fonts/Director-Bold.woff2 Binary files differnew file mode 100644 index 0000000..f27fee7 --- /dev/null +++ b/mockup/fonts/Director-Bold.woff2 diff --git a/mockup/fonts/Director-Light.woff b/mockup/fonts/Director-Light.woff Binary files differnew file mode 100644 index 0000000..d210b95 --- /dev/null +++ b/mockup/fonts/Director-Light.woff diff --git a/mockup/fonts/Director-Light.woff2 b/mockup/fonts/Director-Light.woff2 Binary files differnew file mode 100644 index 0000000..2f3ce48 --- /dev/null +++ b/mockup/fonts/Director-Light.woff2 diff --git a/mockup/fonts/Director-Regular.woff b/mockup/fonts/Director-Regular.woff Binary files differnew file mode 100644 index 0000000..08cf4d3 --- /dev/null +++ b/mockup/fonts/Director-Regular.woff diff --git a/mockup/fonts/Director-Regular.woff2 b/mockup/fonts/Director-Regular.woff2 Binary files differnew file mode 100644 index 0000000..b9fa97c --- /dev/null +++ b/mockup/fonts/Director-Regular.woff2 diff --git a/mockup/fonts/Director-Variable.woff b/mockup/fonts/Director-Variable.woff Binary files differnew file mode 100644 index 0000000..ef6429d --- /dev/null +++ b/mockup/fonts/Director-Variable.woff diff --git a/mockup/fonts/Director-Variable.woff2 b/mockup/fonts/Director-Variable.woff2 Binary files differnew file mode 100644 index 0000000..fc4fa81 --- /dev/null +++ b/mockup/fonts/Director-Variable.woff2 diff --git a/mockup/fonts/Equateur-Regular.woff b/mockup/fonts/Equateur-Regular.woff Binary files differnew file mode 100644 index 0000000..3a7375e --- /dev/null +++ b/mockup/fonts/Equateur-Regular.woff diff --git a/mockup/fonts/Equateur-Regular.woff2 b/mockup/fonts/Equateur-Regular.woff2 Binary files differnew file mode 100644 index 0000000..7e74cc9 --- /dev/null +++ b/mockup/fonts/Equateur-Regular.woff2 diff --git a/mockup/fonts/FT88-Bold.woff b/mockup/fonts/FT88-Bold.woff Binary files differnew file mode 100644 index 0000000..69f0052 --- /dev/null +++ b/mockup/fonts/FT88-Bold.woff diff --git a/mockup/fonts/FT88-Bold.woff2 b/mockup/fonts/FT88-Bold.woff2 Binary files differnew file mode 100644 index 0000000..63ee3d6 --- /dev/null +++ b/mockup/fonts/FT88-Bold.woff2 diff --git a/mockup/fonts/FT88-Expanded.woff b/mockup/fonts/FT88-Expanded.woff Binary files differnew file mode 100644 index 0000000..2402a50 --- /dev/null +++ b/mockup/fonts/FT88-Expanded.woff diff --git a/mockup/fonts/FT88-Expanded.woff2 b/mockup/fonts/FT88-Expanded.woff2 Binary files differnew file mode 100644 index 0000000..9a1d3ed --- /dev/null +++ b/mockup/fonts/FT88-Expanded.woff2 diff --git a/mockup/fonts/FT88-Gothique.woff b/mockup/fonts/FT88-Gothique.woff Binary files differnew file mode 100644 index 0000000..e9ce7b6 --- /dev/null +++ b/mockup/fonts/FT88-Gothique.woff diff --git a/mockup/fonts/FT88-Gothique.woff2 b/mockup/fonts/FT88-Gothique.woff2 Binary files differnew file mode 100644 index 0000000..3e2d34e --- /dev/null +++ b/mockup/fonts/FT88-Gothique.woff2 diff --git a/mockup/fonts/FT88-Italic.woff b/mockup/fonts/FT88-Italic.woff Binary files differnew file mode 100644 index 0000000..a0a6e7d --- /dev/null +++ b/mockup/fonts/FT88-Italic.woff diff --git a/mockup/fonts/FT88-Italic.woff2 b/mockup/fonts/FT88-Italic.woff2 Binary files differnew file mode 100644 index 0000000..9ce48fb --- /dev/null +++ b/mockup/fonts/FT88-Italic.woff2 diff --git a/mockup/fonts/FT88-Regular.woff b/mockup/fonts/FT88-Regular.woff Binary files differnew file mode 100644 index 0000000..02a44d7 --- /dev/null +++ b/mockup/fonts/FT88-Regular.woff diff --git a/mockup/fonts/FT88-Regular.woff2 b/mockup/fonts/FT88-Regular.woff2 Binary files differnew file mode 100644 index 0000000..decbff7 --- /dev/null +++ b/mockup/fonts/FT88-Regular.woff2 diff --git a/mockup/fonts/FT88-School.woff b/mockup/fonts/FT88-School.woff Binary files differnew file mode 100644 index 0000000..60cd817 --- /dev/null +++ b/mockup/fonts/FT88-School.woff diff --git a/mockup/fonts/FT88-School.woff2 b/mockup/fonts/FT88-School.woff2 Binary files differnew file mode 100644 index 0000000..8d18871 --- /dev/null +++ b/mockup/fonts/FT88-School.woff2 diff --git a/mockup/fonts/FT88-Serif.woff b/mockup/fonts/FT88-Serif.woff Binary files differnew file mode 100644 index 0000000..de6d54a --- /dev/null +++ b/mockup/fonts/FT88-Serif.woff diff --git a/mockup/fonts/FT88-Serif.woff2 b/mockup/fonts/FT88-Serif.woff2 Binary files differnew file mode 100644 index 0000000..2e840bc --- /dev/null +++ b/mockup/fonts/FT88-Serif.woff2 diff --git a/mockup/fonts/Go-Mono-Bold-Italic.ttf b/mockup/fonts/Go-Mono-Bold-Italic.ttf Binary files differnew file mode 100644 index 0000000..0884406 --- /dev/null +++ b/mockup/fonts/Go-Mono-Bold-Italic.ttf diff --git a/mockup/fonts/Go-Mono-Bold.ttf b/mockup/fonts/Go-Mono-Bold.ttf Binary files differnew file mode 100644 index 0000000..bbad5fd --- /dev/null +++ b/mockup/fonts/Go-Mono-Bold.ttf diff --git a/mockup/fonts/Go-Mono-Italic.ttf b/mockup/fonts/Go-Mono-Italic.ttf Binary files differnew file mode 100644 index 0000000..ec27133 --- /dev/null +++ b/mockup/fonts/Go-Mono-Italic.ttf diff --git a/mockup/fonts/Go-Mono.ttf b/mockup/fonts/Go-Mono.ttf Binary files differnew file mode 100644 index 0000000..e64e22f --- /dev/null +++ b/mockup/fonts/Go-Mono.ttf diff --git a/mockup/fonts/Karrik-Italic.otf b/mockup/fonts/Karrik-Italic.otf Binary files differnew file mode 100644 index 0000000..fb85fff --- /dev/null +++ b/mockup/fonts/Karrik-Italic.otf diff --git a/mockup/fonts/Karrik-Regular.otf b/mockup/fonts/Karrik-Regular.otf Binary files differnew file mode 100644 index 0000000..bbe94bf --- /dev/null +++ b/mockup/fonts/Karrik-Regular.otf diff --git a/mockup/fonts/Latitude-Regular.woff b/mockup/fonts/Latitude-Regular.woff Binary files differnew file mode 100644 index 0000000..e991746 --- /dev/null +++ b/mockup/fonts/Latitude-Regular.woff diff --git a/mockup/fonts/Latitude-Regular.woff2 b/mockup/fonts/Latitude-Regular.woff2 Binary files differnew file mode 100644 index 0000000..441ad94 --- /dev/null +++ b/mockup/fonts/Latitude-Regular.woff2 diff --git a/mockup/fonts/Louise-Regular.woff b/mockup/fonts/Louise-Regular.woff Binary files differnew file mode 100644 index 0000000..b8b5535 --- /dev/null +++ b/mockup/fonts/Louise-Regular.woff diff --git a/mockup/fonts/Louise-Regular.woff2 b/mockup/fonts/Louise-Regular.woff2 Binary files differnew file mode 100644 index 0000000..a69cf15 --- /dev/null +++ b/mockup/fonts/Louise-Regular.woff2 diff --git a/mockup/fonts/MAZIUSREVIEW20.09-Extraitalic.woff b/mockup/fonts/MAZIUSREVIEW20.09-Extraitalic.woff Binary files differnew file mode 100644 index 0000000..e6a77b1 --- /dev/null +++ b/mockup/fonts/MAZIUSREVIEW20.09-Extraitalic.woff diff --git a/mockup/fonts/MAZIUSREVIEW20.09-Extraitalic.woff2 b/mockup/fonts/MAZIUSREVIEW20.09-Extraitalic.woff2 Binary files differnew file mode 100644 index 0000000..e2c5518 --- /dev/null +++ b/mockup/fonts/MAZIUSREVIEW20.09-Extraitalic.woff2 diff --git a/mockup/fonts/MAZIUSREVIEW20.09-Italic.woff b/mockup/fonts/MAZIUSREVIEW20.09-Italic.woff Binary files differnew file mode 100644 index 0000000..b16d212 --- /dev/null +++ b/mockup/fonts/MAZIUSREVIEW20.09-Italic.woff diff --git a/mockup/fonts/MAZIUSREVIEW20.09-Italic.woff2 b/mockup/fonts/MAZIUSREVIEW20.09-Italic.woff2 Binary files differnew file mode 100644 index 0000000..96ba154 --- /dev/null +++ b/mockup/fonts/MAZIUSREVIEW20.09-Italic.woff2 diff --git a/mockup/fonts/MAZIUSREVIEW20.09-Regular.woff b/mockup/fonts/MAZIUSREVIEW20.09-Regular.woff Binary files differnew file mode 100644 index 0000000..5644534 --- /dev/null +++ b/mockup/fonts/MAZIUSREVIEW20.09-Regular.woff diff --git a/mockup/fonts/MAZIUSREVIEW20.09-Regular.woff2 b/mockup/fonts/MAZIUSREVIEW20.09-Regular.woff2 Binary files differnew file mode 100644 index 0000000..c621642 --- /dev/null +++ b/mockup/fonts/MAZIUSREVIEW20.09-Regular.woff2 diff --git a/mockup/fonts/Minecraftia.ttf b/mockup/fonts/Minecraftia.ttf Binary files differnew file mode 100644 index 0000000..2cf2af4 --- /dev/null +++ b/mockup/fonts/Minecraftia.ttf diff --git a/mockup/fonts/MonHugo-in.woff b/mockup/fonts/MonHugo-in.woff Binary files differnew file mode 100644 index 0000000..2d2a566 --- /dev/null +++ b/mockup/fonts/MonHugo-in.woff diff --git a/mockup/fonts/MonHugo-in.woff2 b/mockup/fonts/MonHugo-in.woff2 Binary files differnew file mode 100644 index 0000000..3c55eb6 --- /dev/null +++ b/mockup/fonts/MonHugo-in.woff2 diff --git a/mockup/fonts/MonHugo-out.woff b/mockup/fonts/MonHugo-out.woff Binary files differnew file mode 100644 index 0000000..b2ea992 --- /dev/null +++ b/mockup/fonts/MonHugo-out.woff diff --git a/mockup/fonts/MonHugo-out.woff2 b/mockup/fonts/MonHugo-out.woff2 Binary files differnew file mode 100644 index 0000000..2208134 --- /dev/null +++ b/mockup/fonts/MonHugo-out.woff2 diff --git a/mockup/fonts/PicNic-Regular.woff b/mockup/fonts/PicNic-Regular.woff Binary files differnew file mode 100644 index 0000000..df03c06 --- /dev/null +++ b/mockup/fonts/PicNic-Regular.woff diff --git a/mockup/fonts/PicNic-Regular.woff2 b/mockup/fonts/PicNic-Regular.woff2 Binary files differnew file mode 100644 index 0000000..8a3d8e4 --- /dev/null +++ b/mockup/fonts/PicNic-Regular.woff2 diff --git a/mockup/fonts/Steps-Mono-Thin.otf b/mockup/fonts/Steps-Mono-Thin.otf Binary files differnew file mode 100644 index 0000000..6cfae91 --- /dev/null +++ b/mockup/fonts/Steps-Mono-Thin.otf diff --git a/mockup/fonts/Steps-Mono.otf b/mockup/fonts/Steps-Mono.otf Binary files differnew file mode 100644 index 0000000..c239ac0 --- /dev/null +++ b/mockup/fonts/Steps-Mono.otf diff --git a/mockup/fonts/TorreFarfan_v2.ttf b/mockup/fonts/TorreFarfan_v2.ttf Binary files differnew file mode 100644 index 0000000..c214b4e --- /dev/null +++ b/mockup/fonts/TorreFarfan_v2.ttf diff --git a/mockup/fonts/kaerukaeru-Regular.woff b/mockup/fonts/kaerukaeru-Regular.woff Binary files differnew file mode 100644 index 0000000..7479c46 --- /dev/null +++ b/mockup/fonts/kaerukaeru-Regular.woff diff --git a/mockup/fonts/kaerukaeru-Regular.woff2 b/mockup/fonts/kaerukaeru-Regular.woff2 Binary files differnew file mode 100644 index 0000000..f2648aa --- /dev/null +++ b/mockup/fonts/kaerukaeru-Regular.woff2 diff --git a/mockup/fonts/terminal-grotesque_open.otf b/mockup/fonts/terminal-grotesque_open.otf Binary files differnew file mode 100644 index 0000000..41e3de6 --- /dev/null +++ b/mockup/fonts/terminal-grotesque_open.otf diff --git a/mockup/fonts/ukikusa.ttf b/mockup/fonts/ukikusa.ttf Binary files differnew file mode 100644 index 0000000..d6640f7 --- /dev/null +++ b/mockup/fonts/ukikusa.ttf 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 @@ +<!doctype html> +<html lang="en"> + <head> + <meta charset="UTF-8"/> + <link rel="stylesheet" href="style.css"> + <link rel="stylesheet" href="fonts.css"> + <title>cel's garden</title> + </head> + + <body> + + <img class="branch" id="branch1" src="branches/branch837-1.png" alt="cherry blossom branch"> + <img class="branch" id="branch2" src="branches/branch878.png" alt="cherry blossom branch"> + <img class="branch" id="branch3" src="branches/branch837-2.png" alt="cherry blossom branch"> + <img class="branch" id="branch4" src="branches/branch840.png" alt="cherry blossom branch"> + <img class="branch" id="branch5" src="branches/branch869.png" alt="cherry blossom branch"> + <img class="branch" id="branch6" src="branches/branch871.png" alt="cherry blossom branch"> + <img class="branch" id="branch7" src="branches/branch879.png" alt="cherry blossom branch"> + <img class="branch" id="branch8" src="branches/branch880.png" alt="cherry blossom branch"> + <img class="branch" id="branch9" src="branches/branch881-1.png" alt="cherry blossom branch"> + <img class="branch" id="branch10" src="branches/branch881-2.png" alt="cherry blossom branch"> + <img class="branch" id="branch11" src="branches/branch882-1.png" alt="cherry blossom branch"> + <img class="branch" id="branch12" src="branches/branch882-2.png" alt="cherry blossom branch"> + <img class="branch" id="branch13" src="branches/branch883-1.png" alt="cherry blossom branch"> + <img class="branch" id="branch14" src="branches/branch883-2.png" alt="cherry blossom branch"> + + <div class="page"> + <header> + <div class="panel" id="title"> + <h1>cel πΈ</h1> + </div> + <!--<iframe + class="panel" + id="stream" + src="https://live.blos.sm/embed/video" + title="girlstream" + referrerpolicy="origin" + scrolling="no" + allowfullscreen> + </iframe>--> + <a href="https://listenbrainz.org/user/celblossom" class="panel" id="scrobble">now playing: Parfum d'Γ©toiles - Ichiko Aoba</a> + </header> + <nav class="panel" id="nav"> + <ul id="nav"> + <li><a class="active" href="/">home</a></li> + <li><a href="/contact">kontakt</a></li> + <li><a href="/projects">projetos</a></li> + <li><a href="/sound">ι³</a></li> + <li><a href="/listens">ζ₯½</a></li> + <li><a href="/linkz">cute linkz</a></li> + <li><a href="https://bimbo.video">video</a></li> + <li><a href="https://live.blos.sm">π΄ live</a></li> + <li><a href="/pix">pix</a></li> + <li><a href="/thoughts">thoughts</a></li> + <li><a href="/girlblog">girlblog</a></li> + <li><a href="/writing">flop</a></li> + <li><a href="/zettelkasten">zettelkasten</a></li> + <li><a href="/read">γγ</a></li> + <li><a href="https://sectorinf.com/cel">π¦ππππ·</a></li> + <li><a href="/plants">plantas</a></li> + <li><a href="https://ass-smacc"><img src="https://skinnyver.se/emoji/Wigs/suscakke.png"></a></li> + <li><a href="https://pussy.accountants">pussy</a></li> + <li><a href="/guestbook">visitas</a></li> + </ul> + </nav> + + <main> + <div class="content"> + <div class="info panel"> + <h2>hallo i am celeste welcome 2 my site π</h2> + <p>this is where i dump everything</p> + <p>i wish u a wonderful day</p> + <br> + <img src="https://s3.eu-west-1.wasabisys.com/skinnyverse/f28c467a-0ee1-4d49-a638-08a010fd9927/quinntyping.png"> + <p>perpetually under construction</p> + + </div> + <div class="info panel h-card" rel="author"> + <h1 class="p-name">cel</h1> + + <h3>pronouns: <a class="u-url" rel="me" href="https://en.pronouns.page/@celblossom"><span class="p-x-pronoun-nominative">she</span>/<span class="p-x-pronoun-accusative">her</span></a></h3> + + <ul> + <li>email: <a class="u-email" href="mailto:cel@blos.sm">cel@blos.sm</a> <a href="cel.asc" class="u-key" rel="pgpkey">pgp key</a></li> + <li>matrix: <a class="u-impp" href="matrix:u/@cel:pussy.accountants">@cel:pussy.accountants</a></li> + <li>xmpp: <a class="u-impp" href="xmpp:cel@blos.sm?message">cel@blos.sm</a></li> + <li>fedi: <a class="u-url" rel="me" href="https://skinnyver.se/cel">@cel@skinnyver.se</a></li> + <li>silly little videos (soon): <a class="u-url" rel="me" href="https://skinnyver.se/cel">@cel@bimbo.video</a></li> + <li>pix (soon 2): <a class="u-url" rel="me" href="https://skinnyver.se/cel">@cel@portra400.video</a></li> + <li>git: <a class="u-url" rel="me" href="https://sectorinf.com/cel">sectorinf/cel</a></li> + <li>scrobbles: <a class="u-url" href="https://listenbrainz.org/user/celblossom">listenbrainz/celblossom</a></li> + <li>bandcamp fan: <a class="u-url" href="https://bandcamp.com/celblossom">bandcamp/celblossom</a></li> + <br> + <li><span class="p-note">languages (in rough skill order): english, portuguese, german, japanese, chinese, french, latin, toki pona, korean</span></li></li> + <li><span class="p-note">programming: rust, go, webdev, erlang, lisp</span></li> + </ul> + </div> + </div> + <aside> + <div class="panel" id="blogs"> + <h2>latest blogs <a class="label" href="/feed.xml"><img class="label" src="https://cinni.net/images/icon/rssbadge.png" alt="rss newsfeed"></a></h2> + <table id="blog-list"> + <tr> + <td><a class="blog-entry" href="/thoughts/fedi">fedi<span class="blog-date">2023-02-04</span></a></td> + </tr> + <tr> + <td><a class="blog-entry" href="/thoughts/fedi">slaying<span class="blog-date">2023-01-20</span></a></td> + </tr> + </table> + </div> + <div class="panel" id="skinnyverse"> + <h2><a id="latest-skweets" href="https://skinnyver.se/cel">latest skweets</a></h2> + <div class="post"> + <img src="https://s3.eu-west-1.wasabisys.com/skinnyverse/426b13b9-0d01-4dc1-abc9-6dbc1ec8a8a6/bjorkcpu2.png" class="profile"> + <div class="post-content"> + <div><h4>@cel</h4><h5>2h ago</h5></div> + <p>@nyx @lain ikr? omg we have no choice but to stan our skinny legend</p> + <div class="gallery"><img src="https://skinnyver.se/media/22aca0d1-441c-425f-b9b2-7501a29d8e9c/lain_skinny2.png"><img src="https://skinnyver.se/media/4f6344de-b334-417e-b202-f1daf3207986/vlcsnap-2022-06-15-09h55m17s937.png"></div> + </div> + </div> + <div class="post"> + <img src="https://s3.eu-west-1.wasabisys.com/skinnyverse/426b13b9-0d01-4dc1-abc9-6dbc1ec8a8a6/bjorkcpu2.png" class="profile"> + <div class="post-content"> + <div><h4>@cel</h4><h5>2h ago</h5></div> + <p>@nyx @lain ikr? omg we have no choice but to stan our skinny legend</p> + <div class="gallery"><img src="https://skinnyver.se/media/22aca0d1-441c-425f-b9b2-7501a29d8e9c/lain_skinny2.png"><img src="https://skinnyver.se/media/4f6344de-b334-417e-b202-f1daf3207986/vlcsnap-2022-06-15-09h55m17s937.png"></div> + </div> + </div> + </div> + <aside> + </main> + <footer> + <div class="panel" id="footer"> + <a href="https://skinnyver.se"><img src="https://skinnyver.se/instance/skinnyversebadge.png"></a> + <a href="https://social.xenofem.me/"><img src="https://s3.eu-west-1.wasabisys.com/skinnyverse/4520d16b-565c-4956-b1f0-dd18afcdf906/xenofemme.png"></a> + <a href="https://asbestos.cafe"><img src="https://asbestos.cafe/instance/asbestoscafesisterinstance.png"></a> + <a href="https://worm.pink"><img src="https://worm.pink/instance/wormpinksistersite.png"></a> + </div> + </footer> + </div> +</body> +</html> diff --git a/mockup/index.html~ b/mockup/index.html~ new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/mockup/index.html~ 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 --- /dev/null +++ b/mockup/style.css~ |
