diff options
| -rw-r--r-- | bg.xcf | bin | 29046 -> 0 bytes | |||
| -rw-r--r-- | border.png | bin | 1105 -> 0 bytes | |||
| -rw-r--r-- | index.php | 32 | ||||
| -rw-r--r-- | media/arrow-down.gif | bin | 0 -> 89 bytes | |||
| -rw-r--r-- | media/arrow-right.gif | bin | 0 -> 87 bytes | |||
| -rw-r--r-- | media/border-full.gif | bin | 0 -> 102 bytes | |||
| -rw-r--r-- | media/border-hr.gif | bin | 0 -> 54 bytes | |||
| -rw-r--r-- | media/border-summary.gif | bin | 0 -> 70 bytes | |||
| -rw-r--r-- | style.css | 61 | ||||
| -rw-r--r-- | style/firefox.css | 20 | ||||
| -rw-r--r-- | style/mobile-chrome.css | 5 | ||||
| -rw-r--r-- | times.css | 28 | ||||
| -rw-r--r-- | times/bold-italic.ttf | bin | 0 -> 620008 bytes | |||
| -rw-r--r-- | times/bold.ttf | bin | 0 -> 842168 bytes | |||
| -rw-r--r-- | times/italic.ttf | bin | 0 -> 660268 bytes | |||
| -rw-r--r-- | times/times.ttf | bin | 0 -> 834452 bytes |
16 files changed, 139 insertions, 7 deletions
| Binary files differ diff --git a/border.png b/border.png Binary files differdeleted file mode 100644 index 5369ddd..0000000 --- a/border.png +++ /dev/null @@ -11,6 +11,25 @@ define("NAMES", [ "Marcy", "Sasha" ]); + +$wb = new WhichBrowser\Parser(getallheaders()); + +function lstart(string $title) { + global $wb; + if (!$wb->isMobile()) + return "<details class=border><summary><h3>$title</h3></summary>"; + else + return "<section class=border><h3>$title</h3>"; +} + +function lend() { + global $wb; + if (!$wb->isMobile()) + return "</details>"; + else + return "</section>"; +} + ?> <!doctype html> <html lang=en> @@ -18,14 +37,21 @@ define("NAMES", [ <meta charset="utf-8"> <meta name=viewport content="width=device-width, initial-scale=1"> <link rel=stylesheet href="/style.css"> + <?php if ($wb->isEngine("Gecko")): ?> + <link rel=stylesheet href="/style/firefox.css"> + <?php endif; ?> + <?php if ($wb->isEngine("Blink") && $wb->isMobile()): ?> + <link rel=stylesheet href="/style/mobile-chrome.css"> + <?php endif; ?> <link rel=canonical href="https://aleteoryx.me/"> </head> -<body<?php if ((new WhichBrowser\Parser(getallheaders()))->isType("mobile")) echo " class=mobile"; ?>> +<body> <div aria-label="logo: ah lee tee ore ikhs dot m e" id=logo> <pre><?= file_get_contents("logo.txt") ?></pre> <pre><?= file_get_contents("logo.txt") ?></pre> </div> - <div class=border> - <p>text text text</p> + <?= lstart("text text text") ?> + <hr> + <?= lend() ?> </body> </html> diff --git a/media/arrow-down.gif b/media/arrow-down.gif Binary files differnew file mode 100644 index 0000000..1171d81 --- /dev/null +++ b/media/arrow-down.gif diff --git a/media/arrow-right.gif b/media/arrow-right.gif Binary files differnew file mode 100644 index 0000000..3b245d0 --- /dev/null +++ b/media/arrow-right.gif diff --git a/media/border-full.gif b/media/border-full.gif Binary files differnew file mode 100644 index 0000000..29ddc88 --- /dev/null +++ b/media/border-full.gif diff --git a/media/border-hr.gif b/media/border-hr.gif Binary files differnew file mode 100644 index 0000000..fcd2f32 --- /dev/null +++ b/media/border-hr.gif diff --git a/media/border-summary.gif b/media/border-summary.gif Binary files differnew file mode 100644 index 0000000..5ff5792 --- /dev/null +++ b/media/border-summary.gif @@ -1,7 +1,16 @@ +/*@import url("/times.css");*/ + :root { - background: #122; + image-rendering: pixelated; + font-family: "Times New Roman"; } +p { + font-size: 15px; +} +h3 { + font-size: 18px; +} /* --- LOGO --- */ #logo { @@ -24,7 +33,51 @@ /* --- BORDER --- */ .border { - border: 22px solid #0000; - border-image: url(/border.png) 22; - border-image-repeat: round; + border-image-slice: 6 5 5 6 fill; + border-image-width: 6px 5px 5px 6px; + border-image-outset: 5px 5px 5px 5px; + border-image-repeat: stretch stretch; + border-image-source: url("data:image/gif;base64,R0lGODdhDAAMAHcAACH5BAgKAAAALAAAAAAMAAwAgiIgNEUoPGY5MY9WO9mgZu7DmgAAAAAAAAMrGLq89DCCQIa9VsyKr6YWIALZFj5BCQ4AUaTDxzEq18XmjQdC7/+joBCQAAA7"); + border-style: solid; + padding: 0px } + +.border > hr { + border-image-slice: 1 1 5 1; + border-image-width: 1px 1px 5px 1px; + border-image-outset: 0px 4px 0px 4px; + border-image-repeat: stretch stretch; + border-image-source: url("data:image/gif;base64,R0lGODdhAwAGAHcAACH5BAgKAAAALAAAAAADAAYAgSIgNEUoPI9WO9mgZgIHjIWZwDBRAAA7"); + border-style: solid; + border-width: 1px 1px 5px 1px; + margin: 0px; + margin-top: 3px; +} + +.border > h3:first-child { + margin: 0px; + font-weight: bold; +} +.border > summary > h3:first-child { + margin: 0px; + margin-left: 8px; + font-weight: bold; + display: inline; + border-image-slice: 1 0 1 6; + border-image-width: 1px 0px 1px 6px; + border-image-outset: 0px 0px 0px 6px; + border-image-repeat: stretch stretch; + border-image-source: url("data:image/gif;base64,R0lGODdhBgAEAKIAACIgNEUoPGY5MY9WO9mgZu7DmgAAAAAAACH5BAgKAAAALAAAAAAGAAQAAAMLCLMAsQOQxyYMIQEAOw=="); + border-left-style: solid; + box-sizing: border-box; + padding-top: 4px; + padding-bottom: 5px; +} +.border > summary { + margin-left: 5px; + height: 21px; +} +.border > summary::marker { + color: #663931; +} + diff --git a/style/firefox.css b/style/firefox.css new file mode 100644 index 0000000..f6b67aa --- /dev/null +++ b/style/firefox.css @@ -0,0 +1,20 @@ +/* sigh, spacings are all over the place between browsers. + my attempt to fix it with unicode-char markers only made + things *significantly* worse. webkit and chromium seem + to have parity the way things are now, so it's just + gecko that needs a 1px tweak. + + rip. */ + +.border > summary > h3:first-child { + padding-bottom: 4px; +} + +/* tweak to square summary marker box */ + +.border > summary { + margin-left: 7px; +} +.border > summary > h3:first-child { + margin-left: 9px; +} diff --git a/style/mobile-chrome.css b/style/mobile-chrome.css new file mode 100644 index 0000000..36c86e9 --- /dev/null +++ b/style/mobile-chrome.css @@ -0,0 +1,5 @@ +/* unfuck the pixels! */ +/* TODO: idk submit a bug ticket */ +.border > hr { + border-image-outset: 0px 2px 0px 2px; +} diff --git a/times.css b/times.css new file mode 100644 index 0000000..bd0a148 --- /dev/null +++ b/times.css @@ -0,0 +1,28 @@ +@font-face { + font-family: "Times New Roman"; + src: + local("Times New Roman"), + url("/times/times.ttf"); +} +@font-face { + font-family: "Times New Roman"; + font-weight: bold; + src: + local("Times New Roman"), + url("/times/bold.ttf"); +} +@font-face { + font-family: "Times New Roman"; + font-style: italic; + src: + local("Times New Roman"), + url("/times/italic.ttf"); +} +@font-face { + font-family: "Times New Roman"; + font-weight: bold; + font-style: italic; + src: + local("Times New Roman"), + url("/times/bold-italic.ttf"); +} diff --git a/times/bold-italic.ttf b/times/bold-italic.ttf Binary files differnew file mode 100644 index 0000000..47e8580 --- /dev/null +++ b/times/bold-italic.ttf diff --git a/times/bold.ttf b/times/bold.ttf Binary files differnew file mode 100644 index 0000000..578542c --- /dev/null +++ b/times/bold.ttf diff --git a/times/italic.ttf b/times/italic.ttf Binary files differnew file mode 100644 index 0000000..eff3616 --- /dev/null +++ b/times/italic.ttf diff --git a/times/times.ttf b/times/times.ttf Binary files differnew file mode 100644 index 0000000..d7969c3 --- /dev/null +++ b/times/times.ttf |
