diff --git a/views/assets/fonts/Lexend Deca/Variable.ttf b/views/assets/fonts/Lexend Deca/Variable.ttf new file mode 100644 index 0000000..e895baf Binary files /dev/null and b/views/assets/fonts/Lexend Deca/Variable.ttf differ diff --git a/views/assets/fonts/Minecraft/Bold.otf b/views/assets/fonts/Minecraft/Bold.otf new file mode 100644 index 0000000..87b124c Binary files /dev/null and b/views/assets/fonts/Minecraft/Bold.otf differ diff --git a/views/assets/fonts/Minecraft/BoldItalic.otf b/views/assets/fonts/Minecraft/BoldItalic.otf new file mode 100644 index 0000000..1f74f38 Binary files /dev/null and b/views/assets/fonts/Minecraft/BoldItalic.otf differ diff --git a/views/assets/fonts/Minecraft/Italic.otf b/views/assets/fonts/Minecraft/Italic.otf new file mode 100644 index 0000000..6801bd8 Binary files /dev/null and b/views/assets/fonts/Minecraft/Italic.otf differ diff --git a/views/assets/fonts/Minecraft/Regular.otf b/views/assets/fonts/Minecraft/Regular.otf new file mode 100644 index 0000000..54f08ad Binary files /dev/null and b/views/assets/fonts/Minecraft/Regular.otf differ diff --git a/views/projects/item/normalize/index.html b/views/projects/item/normalize/index.html index f4644df..10ac7ee 100644 --- a/views/projects/item/normalize/index.html +++ b/views/projects/item/normalize/index.html @@ -71,14 +71,19 @@ +

Extra Theming

+

Some more things you can do to style Normalize.

+

Background Image

+ 
+:root {
+  background: url("/assets/image.jpg") repeat;
+}
+

Transparent (or translucent) background

+ 
+:root {
+  --background-color: hsla(var(--base-color), 15%, 0.25);
+}

Good Pairings

diff --git a/views/real/resume/index.html b/views/real/resume/index.html deleted file mode 100644 index 1f083c9..0000000 --- a/views/real/resume/index.html +++ /dev/null @@ -1,186 +0,0 @@ - - - - - MeowcaTheoRange - - - - - - - -
-
-

Iszac

-
-

Note: Best printed on a Chrome-based browser.

- -
-
-
-

- Iszac is a blah blah blah whatever such from such and such doing x y z - a b c. -

-
-
-
-

Things I can do

-
    -
  • -

    - Apply and install applications on small-scale server - infrastructure -

    -

    Experience

    -
      -
    • -

      - Installing the Git-compatible respository store - Gitea on - git.abtmtr.link
      - (November 18, 2023) -

      -
      • -
    • -

      - Installing the federated microblogging software - Akkoma on - local.abtmtr.link
      - (November 10, 2023) -

      -
      • -
    • -

      - Deploying the blogging software WriteFreely on - img.abtmtr.link and - blog.abtmtr.link -

      -
      • -
    • -

      - Successfully moving the WriteFreely deployments from - outsourced server infrastructure to - local server infrastructure
      - (November 23, 2023) -

      -
      • -
    • -

      - Creating and deploying - the TrollCall software and multiple other projects on - Vercel -

      -
      • -
    • -

      - Managing applications under the - abtmtr.link domain -

      -
      • -
    -
    • -
  • -

    Creating website frontends (HTML, CSS, JS)

    -

    Experience

    -
      -
    • -

      - Installing the Git-compatible respository store - Gitea on - git.abtmtr.link
      - (November 18, 2023) -

      -
      • -
    • -

      - Installing the federated microblogging software - Akkoma on - local.abtmtr.link
      - (November 10, 2023) -

      -
      • -
    • -

      - Deploying the blogging software WriteFreely on - img.abtmtr.link and - blog.abtmtr.link -

      -
      • -
    • -

      - Successfully moving the WriteFreely deployments from - outsourced server infrastructure to - local server infrastructure
      - (November 23, 2023) -

      -
      • -
    • -

      - Creating and deploying - the TrollCall software and multiple other projects on - Vercel -

      -
      • -
    • -

      - Managing applications under the - abtmtr.link domain -

      -
      • -
    -
    • -
-

-
- -
-
- - - - diff --git a/views/styles/normal.css b/views/styles/normal.css index b88ae4a..8f71f6f 100755 --- a/views/styles/normal.css +++ b/views/styles/normal.css @@ -61,8 +61,12 @@ /* The foreground accent color of the page. */ --accent-color-fg: hsl(var(--base-color), 95%); + /* The width of the borders used on certain elements. */ + --border-width: calc(1em / 16); /* The style of the borders used on certain elements. */ - --border-style: calc(1em / 16) solid var(--color); + --border-style: solid; + /* The color of the borders used on certain elements. */ + --border-color: var(--color); /* The radius of the borders used on certain elements. */ --border-radius: 0; } @@ -79,7 +83,9 @@ html.base { "Segoe UI Symbol" !important; --font-weight: normal; - --border-style: calc(1em / 16) solid var(--color); + --border-width: calc(1em / 16); + --border-style: solid; + --border-color: var(--color); --border-radius: 0; transition: none; @@ -127,14 +133,21 @@ h2 { font-size: 1.5em; line-height: 1.25em; margin: 0; - margin-block: 0.25em; + margin-block: 0.5em; } h3 { font-size: 1.1em; line-height: 1.25em; margin: 0; - margin-block: 0.25em; + margin-block: 0.5em; +} + +h4 { + font-size: 1em; + line-height: 1.25em; + margin: 0; + margin-block: 0.5em; } p { @@ -189,7 +202,7 @@ pre { hr { border: none; - border-top: var(--border-style); + border-top: var(--border-width) var(--border-style) var(--border-color); background-color: transparent; margin-inline: 0; margin-block: 0.25em; @@ -216,7 +229,7 @@ html { } fieldset { - border: var(--border-style); + border: var(--border-width) var(--border-style) var(--border-color); border-radius: var(--border-radius); padding-inline: 0.5em; padding-block: 0.25em; @@ -228,7 +241,7 @@ fieldset { } iframe { - border: var(--border-style); + border: var(--border-width) var(--border-style) var(--border-color); border-radius: var(--border-radius); width: 100%; aspect-ratio: 16/9; @@ -238,6 +251,7 @@ iframe { a { color: var(--accent-color); + text-decoration: underline; } a:hover, @@ -253,7 +267,7 @@ input, select, textarea { font-family: inherit; - border: var(--border-style); + border: var(--border-width) var(--border-style) var(--border-color); border-radius: var(--border-radius); padding-inline: 0.5em; padding-block: 0.25em; @@ -272,7 +286,7 @@ button, input[type="button"], input[type="submit"], input[type="reset"] { - border: var(--border-style); + border: var(--border-width) var(--border-style) var(--border-color); border-radius: var(--border-radius); padding-inline: 0.5em; padding-block: 0.25em; @@ -289,7 +303,7 @@ button[data-outlined], input[type="button"][data-outlined], input[type="submit"][data-outlined], input[type="reset"][data-outlined] { - border: var(--border-style); + border: var(--border-width) var(--border-style) var(--border-color); border-radius: var(--border-radius); background-color: var(--background-color); color: var(--accent-color); @@ -345,7 +359,7 @@ label.checkbox input[type="checkbox"] + span.checkbox { padding-inline: 0.25em; padding-block: 0.25em; box-sizing: content-box; - border: var(--border-style); + border: var(--border-width) var(--border-style) var(--border-color); border-radius: var(--border-radius); color: transparent; text-align: center; @@ -358,7 +372,7 @@ label.checkbox input[type="checkbox"]:focus + span.checkbox { label.checkbox input[type="checkbox"]:checked + span.checkbox { background-color: var(--accent-color); - border: var(--border-style); + border: var(--border-width) var(--border-style) var(--border-color); border-radius: var(--border-radius); color: var(--accent-color-fg); } diff --git a/views/styles/style.css b/views/styles/style.css index 960d55a..2380bc8 100644 --- a/views/styles/style.css +++ b/views/styles/style.css @@ -1,5 +1,11 @@ -@import url("https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100;200;300;400;500;600;700;800;900&display=swap"); - +@font-face { + font-family: "Lexend Deca"; + src: url("/assets/fonts/Lexend Deca/Variable.ttf"); +} +@font-face { + font-family: "Minecraft"; + src: url("/assets/fonts/Minecraft/Regular.otf"); +} :root { --font-family: "Lexend Deca"; } diff --git a/views/styles/windows.css b/views/styles/windows.css index 89d7856..2e5ef78 100755 --- a/views/styles/windows.css +++ b/views/styles/windows.css @@ -25,7 +25,7 @@ div.window-object { min-height: 2em; background-color: var(--accent-color); color: var(--accent-color-fg); - border: var(--border-style); + border: var(--border-width) var(--border-style) var(--border-color); resize: both; overflow: hidden; padding: 0.25em; @@ -130,7 +130,7 @@ div.window-object > div.window-manager > div > button { margin: 0; margin-inline-start: 0.25em; box-sizing: border-box; - border: var(--border-style); + border: var(--border-width) var(--border-style) var(--border-color); background-color: transparent; color: currentColor; font-family: "Material Symbols Outlined"; @@ -144,7 +144,7 @@ div.window-object > iframe.window-content { background-color: var(--background-color); height: 100%; width: 100%; - border: var(--border-style); + border: var(--border-width) var(--border-style) var(--border-color); min-height: 0; min-width: 0; }