From 236acac0a0f339a47f251ca9c70819cf9f7c5b87 Mon Sep 17 00:00:00 2001 From: uint Date: Wed, 3 Dec 2025 20:34:13 +0000 Subject: move styles->styles/ add about page --- _.png | Bin 0 -> 901 bytes about.html | 51 +++++++++++++++++++ contact.html | 2 +- index.html | 2 +- style.css | 153 -------------------------------------------------------- styles/def.css | 154 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ template.html | 2 +- 7 files changed, 208 insertions(+), 156 deletions(-) create mode 100644 _.png create mode 100644 about.html delete mode 100644 style.css create mode 100644 styles/def.css diff --git a/_.png b/_.png new file mode 100644 index 0000000..7e03c61 Binary files /dev/null and b/_.png differ diff --git a/about.html b/about.html new file mode 100644 index 0000000..5c647f5 --- /dev/null +++ b/about.html @@ -0,0 +1,51 @@ + + + + + mallocd.com + + + + + + + + + + +
+

: mallocd :

+
+ + + +
+ +

about

+

malloc?

+
+ + + + + diff --git a/contact.html b/contact.html index b82fd0f..f7e9be0 100644 --- a/contact.html +++ b/contact.html @@ -4,7 +4,7 @@ mallocd.com - + diff --git a/index.html b/index.html index 29e35a4..f25fc8a 100644 --- a/index.html +++ b/index.html @@ -4,7 +4,7 @@ mallocd.com - + diff --git a/style.css b/style.css deleted file mode 100644 index d8e8451..0000000 --- a/style.css +++ /dev/null @@ -1,153 +0,0 @@ -:root { - --bg: #646c7f; - /* --bg: #717394; */ - --fg: #fffde0; - --fg-link: #fff18f; -} - -/* global */ -body { - margin: 0; - padding: 0; - background: var(--bg); - color: var(--fg); - font-family: "Libertinus Serif", serif; - font-size: 20px; - line-height: 1.2; -} - -/* header */ -header { - padding: 20px; -} - -header h1 { - margin: 0; - font-size: 35px; - font-weight: normal; - font-style: italic; -} - -.h_mallocd { - color: var(--fg); -} - -header a { - color: var(--fg); - text-decoration: none; -} - -/* special tag */ -.uint { - background-color: var(--fg); - color: var(--bg); -} - -/* sidebar */ -#side-bar { - position: absolute; - top: 80px; - left: 0; - width: 200px; - padding-left: 20px; -} - -.side-title { - font-size: 25px; - margin: 20px 0 8px 0; - color: var(--fg); -} - -#side-bar ul { - margin: 0 0 0 20px; - padding: 0px; - list-style: none; -} - -#side-bar li { - margin: 6px 0; -} - -/* links */ -a { - color: var(--fg-link); - text-decoration: none; - padding: 1px 2px; -} - -a:hover { - background: var(--fg); - color: var(--bg); -} - -/* article */ -article { - margin: 80px 0 0 0; - max-width: 800px; -} - -.art_img { - image-rendering: pixelated; - image-rendering: crisp-edges; - image-rendering: -moz-crisp-edges; - max-width: 200px; - height: auto; -} - -h3 { - margin-top: 30px; - font-size: 25px; - color: var(--fg); - font-weight: normal; -} - -/* footer */ -footer { - padding-top: 80px; - font-style: italic; - font-size: 17px; -} - -/* article + footer alignment */ -article, footer { - margin-left: 240px; - margin-top: 0px; -} - -/* font */ -.libertinus-serif-regular { - font-family: "Libertinus Serif", serif; - font-weight: 400; - font-style: normal; -} - -.libertinus-serif-semibold { - font-family: "Libertinus Serif", serif; - font-weight: 600; - font-style: normal; -} - -.libertinus-serif-bold { - font-family: "Libertinus Serif", serif; - font-weight: 700; - font-style: normal; -} - -.libertinus-serif-regular-italic { - font-family: "Libertinus Serif", serif; - font-weight: 400; - font-style: italic; -} - -.libertinus-serif-semibold-italic { - font-family: "Libertinus Serif", serif; - font-weight: 600; - font-style: italic; -} - -.libertinus-serif-bold-italic { - font-family: "Libertinus Serif", serif; - font-weight: 700; - font-style: italic; -} - diff --git a/styles/def.css b/styles/def.css new file mode 100644 index 0000000..46b8576 --- /dev/null +++ b/styles/def.css @@ -0,0 +1,154 @@ +:root { + --bg: #646c7f; + /* --bg: #717394; */ + --fg: #fffde0; + --fg-link: #fff18f; +} + +/* global */ +body { + margin: 0; + padding: 0; + background: var(--bg); + color: var(--fg); + font-family: "Libertinus Serif", serif; + font-size: 20px; + line-height: 1.2; +} + +/* header */ +header { + padding: 20px; +} + +header h1 { + margin: 0; + font-size: 35px; + font-weight: normal; + font-style: italic; +} + +.h_mallocd { + color: var(--fg); +} + +header a { + color: var(--fg); + text-decoration: none; +} + +/* special tag */ +.uint { + background-color: var(--fg); + color: var(--bg); +} + +/* sidebar */ +#side-bar { + position: absolute; + top: 80px; + left: 0; + width: 200px; + padding-left: 20px; +} + +.side-title { + font-size: 25px; + margin: 20px 0 8px 0; + color: var(--fg); +} + +#side-bar ul { + margin: 0 0 0 20px; + padding: 0px; + list-style: none; +} + +#side-bar li { + margin: 6px 0; +} + +/* links */ +a { + color: var(--fg-link); + text-decoration: none; + padding: 1px 2px; +} + +a:hover { + background: var(--fg); + color: var(--bg); +} + +/* article */ +article { + margin: 80px 0 0 0; + max-width: 800px; +} + +.art_img { + image-rendering: pixelated; + image-rendering: crisp-edges; + image-rendering: -moz-crisp-edges; + max-width: 200px; + max-height: 190px; + height: auto; +} + +h3 { + margin-top: 30px; + font-size: 25px; + color: var(--fg); + font-weight: normal; +} + +/* footer */ +footer { + padding-top: 80px; + font-style: italic; + font-size: 17px; +} + +/* article + footer alignment */ +article, footer { + margin-left: 240px; + margin-top: 0px; +} + +/* font */ +.libertinus-serif-regular { + font-family: "Libertinus Serif", serif; + font-weight: 400; + font-style: normal; +} + +.libertinus-serif-semibold { + font-family: "Libertinus Serif", serif; + font-weight: 600; + font-style: normal; +} + +.libertinus-serif-bold { + font-family: "Libertinus Serif", serif; + font-weight: 700; + font-style: normal; +} + +.libertinus-serif-regular-italic { + font-family: "Libertinus Serif", serif; + font-weight: 400; + font-style: italic; +} + +.libertinus-serif-semibold-italic { + font-family: "Libertinus Serif", serif; + font-weight: 600; + font-style: italic; +} + +.libertinus-serif-bold-italic { + font-family: "Libertinus Serif", serif; + font-weight: 700; + font-style: italic; +} + diff --git a/template.html b/template.html index 1b30e6c..b9412cb 100644 --- a/template.html +++ b/template.html @@ -4,7 +4,7 @@ mallocd.com - + -- cgit v1.2.3