diff options
25 files changed, 27 insertions, 180 deletions
diff --git a/font/font.css b/font/font.css deleted file mode 100644 index 61c9755..0000000 --- a/font/font.css +++ /dev/null @@ -1,115 +0,0 @@ -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url("./inter/Inter-Regular.woff2?v=3.15") format("woff2"), - url("./inter/Inter-Regular.woff?v=3.15") format("woff"); -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 400; - font-display: swap; - src: url("./inter/Inter-Italic.woff2?v=3.15") format("woff2"), - url("./inter/Inter-Italic.woff?v=3.15") format("woff"); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 500; - font-display: swap; - src: url("./inter/Inter-Medium.woff2?v=3.15") format("woff2"), - url("./inter/Inter-Medium.woff?v=3.15") format("woff"); -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 500; - font-display: swap; - src: url("./inter/Inter-MediumItalic.woff2?v=3.15") format("woff2"), - url("./inter/Inter-MediumItalic.woff?v=3.15") format("woff"); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 600; - font-display: swap; - src: url("./inter/Inter-SemiBold.woff2?v=3.15") format("woff2"), - url("./inter/Inter-SemiBold.woff?v=3.15") format("woff"); -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 600; - font-display: swap; - src: url("./inter/Inter-SemiBoldItalic.woff2?v=3.15") format("woff2"), - url("./inter/Inter-SemiBoldItalic.woff?v=3.15") format("woff"); -} - -@font-face { - font-family: 'Inter'; - font-style: normal; - font-weight: 700; - font-display: swap; - src: url("./inter/Inter-Bold.woff2?v=3.15") format("woff2"), - url("./inter/Inter-Bold.woff?v=3.15") format("woff"); -} -@font-face { - font-family: 'Inter'; - font-style: italic; - font-weight: 700; - font-display: swap; - src: url("./inter/Inter-BoldItalic.woff2?v=3.15") format("woff2"), - url("./inter/Inter-BoldItalic.woff?v=3.15") format("woff"); -} - - - -@font-face { - font-family: 'JetBrainsMono'; - font-style: normal; - font-weight: 400; - font-display: swap; - src: url("./jetbrainsmono/JetBrainsMono-Regular.woff2") format("woff2"); -} -@font-face { - font-family: 'JetBrainsMono'; - font-style: italic; - font-weight: 400; - font-display: swap; - src: url("./jetbrainsmono/JetBrainsMono-Italic.woff2") format("woff2"); -} - -@font-face { - font-family: 'JetBrainsMono'; - font-style: normal; - font-weight: 500; - font-display: swap; - src: url("./jetbrainsmono/JetBrainsMono-Medium.woff2") format("woff2"); -} -@font-face { - font-family: 'JetBrainsMono'; - font-style: italic; - font-weight: 500; - font-display: swap; - src: url("./jetbrainsmono/JetBrainsMono-MediumItalic.woff2") format("woff2"); -} - -@font-face { - font-family: 'JetBrainsMono'; - font-style: normal; - font-weight: 700; - font-display: swap; - src: url("./jetbrainsmono/JetBrainsMono-Bold.woff2") format("woff2"); -} -@font-face { - font-family: 'JetBrainsMono'; - font-style: italic; - font-weight: 700; - font-display: swap; - src: url("./jetbrainsmono/JetBrainsMono-BoldItalic.woff2") format("woff2"); -} - diff --git a/font/inter/Inter-Bold.woff b/font/inter/Inter-Bold.woff Binary files differdeleted file mode 100644 index 80f70f0..0000000 --- a/font/inter/Inter-Bold.woff +++ /dev/null diff --git a/font/inter/Inter-Bold.woff2 b/font/inter/Inter-Bold.woff2 Binary files differdeleted file mode 100644 index 622e5f1..0000000 --- a/font/inter/Inter-Bold.woff2 +++ /dev/null diff --git a/font/inter/Inter-BoldItalic.woff b/font/inter/Inter-BoldItalic.woff Binary files differdeleted file mode 100644 index 03238dd..0000000 --- a/font/inter/Inter-BoldItalic.woff +++ /dev/null diff --git a/font/inter/Inter-BoldItalic.woff2 b/font/inter/Inter-BoldItalic.woff2 Binary files differdeleted file mode 100644 index 1b2dafb..0000000 --- a/font/inter/Inter-BoldItalic.woff2 +++ /dev/null diff --git a/font/inter/Inter-Italic.woff b/font/inter/Inter-Italic.woff Binary files differdeleted file mode 100644 index 9c21aed..0000000 --- a/font/inter/Inter-Italic.woff +++ /dev/null diff --git a/font/inter/Inter-Italic.woff2 b/font/inter/Inter-Italic.woff2 Binary files differdeleted file mode 100644 index 734944b..0000000 --- a/font/inter/Inter-Italic.woff2 +++ /dev/null diff --git a/font/inter/Inter-Medium.woff b/font/inter/Inter-Medium.woff Binary files differdeleted file mode 100644 index 1d50f80..0000000 --- a/font/inter/Inter-Medium.woff +++ /dev/null diff --git a/font/inter/Inter-Medium.woff2 b/font/inter/Inter-Medium.woff2 Binary files differdeleted file mode 100644 index ffb4206..0000000 --- a/font/inter/Inter-Medium.woff2 +++ /dev/null diff --git a/font/inter/Inter-MediumItalic.woff b/font/inter/Inter-MediumItalic.woff Binary files differdeleted file mode 100644 index 9eb5b9d..0000000 --- a/font/inter/Inter-MediumItalic.woff +++ /dev/null diff --git a/font/inter/Inter-MediumItalic.woff2 b/font/inter/Inter-MediumItalic.woff2 Binary files differdeleted file mode 100644 index ebee655..0000000 --- a/font/inter/Inter-MediumItalic.woff2 +++ /dev/null diff --git a/font/inter/Inter-Regular.woff b/font/inter/Inter-Regular.woff Binary files differdeleted file mode 100644 index 7cb4990..0000000 --- a/font/inter/Inter-Regular.woff +++ /dev/null diff --git a/font/inter/Inter-Regular.woff2 b/font/inter/Inter-Regular.woff2 Binary files differdeleted file mode 100644 index 66691b8..0000000 --- a/font/inter/Inter-Regular.woff2 +++ /dev/null diff --git a/font/inter/Inter-SemiBold.woff b/font/inter/Inter-SemiBold.woff Binary files differdeleted file mode 100644 index 490bd9d..0000000 --- a/font/inter/Inter-SemiBold.woff +++ /dev/null diff --git a/font/inter/Inter-SemiBold.woff2 b/font/inter/Inter-SemiBold.woff2 Binary files differdeleted file mode 100644 index 9fd7726..0000000 --- a/font/inter/Inter-SemiBold.woff2 +++ /dev/null diff --git a/font/inter/Inter-SemiBoldItalic.woff b/font/inter/Inter-SemiBoldItalic.woff Binary files differdeleted file mode 100644 index 839fc3d..0000000 --- a/font/inter/Inter-SemiBoldItalic.woff +++ /dev/null diff --git a/font/inter/Inter-SemiBoldItalic.woff2 b/font/inter/Inter-SemiBoldItalic.woff2 Binary files differdeleted file mode 100644 index 2492569..0000000 --- a/font/inter/Inter-SemiBoldItalic.woff2 +++ /dev/null diff --git a/font/jetbrainsmono/JetBrainsMono-Bold.woff2 b/font/jetbrainsmono/JetBrainsMono-Bold.woff2 Binary files differdeleted file mode 100644 index 07fe5d7..0000000 --- a/font/jetbrainsmono/JetBrainsMono-Bold.woff2 +++ /dev/null diff --git a/font/jetbrainsmono/JetBrainsMono-BoldItalic.woff2 b/font/jetbrainsmono/JetBrainsMono-BoldItalic.woff2 Binary files differdeleted file mode 100644 index 57263ef..0000000 --- a/font/jetbrainsmono/JetBrainsMono-BoldItalic.woff2 +++ /dev/null diff --git a/font/jetbrainsmono/JetBrainsMono-Italic.woff2 b/font/jetbrainsmono/JetBrainsMono-Italic.woff2 Binary files differdeleted file mode 100644 index cf9e8ef..0000000 --- a/font/jetbrainsmono/JetBrainsMono-Italic.woff2 +++ /dev/null diff --git a/font/jetbrainsmono/JetBrainsMono-Medium.woff2 b/font/jetbrainsmono/JetBrainsMono-Medium.woff2 Binary files differdeleted file mode 100644 index b4d9438..0000000 --- a/font/jetbrainsmono/JetBrainsMono-Medium.woff2 +++ /dev/null diff --git a/font/jetbrainsmono/JetBrainsMono-MediumItalic.woff2 b/font/jetbrainsmono/JetBrainsMono-MediumItalic.woff2 Binary files differdeleted file mode 100644 index 3ac249b..0000000 --- a/font/jetbrainsmono/JetBrainsMono-MediumItalic.woff2 +++ /dev/null diff --git a/font/jetbrainsmono/JetBrainsMono-Regular.woff2 b/font/jetbrainsmono/JetBrainsMono-Regular.woff2 Binary files differdeleted file mode 100644 index cc9a1ae..0000000 --- a/font/jetbrainsmono/JetBrainsMono-Regular.woff2 +++ /dev/null @@ -1,30 +1,35 @@ -<!DOCTYPE html> -<html> +<html lang="en-US"> <head> <meta charset='utf-8'> <meta http-equiv='X-UA-Compatible' content='IE=edge'> - <title>welcome to pipeframe.xyz</title> + <title>pipeframe</title> <meta name='viewport' content='width=device-width, initial-scale=1'> - <link rel='preload' as='style' href='font/font.css' onload='this.rel="stylesheet"'> - <link rel='stylesheet' type='text/css' media='screen' href='style.css'> + <link rel='stylesheet' type='text/css' href='style.css'> </head> <body> - <div class="centeredpage"> - <h1>Welcome to <span style="color: var(--gold-crayola)">pipeframe.xyz</span></h1> + + <main> + + <h1>Welcome to pipeframe.xyz</h1> + <p style="text-align: center"> <a target="_blank" href="https://github.com/lonkaars"><img alt="GitHub followers" src="https://img.shields.io/github/followers/lonkaars?style=social"></a> </p> - <p> - This is my personal website on which I host some cool things. Most of my projects are hosted on <a target="_blank" href="https://github.com/lonkaars">my GitHub</a> or my own git server. These are the (public) things hosted on here: - </p> + <ul> - <li>personal <a target="_blank" href="https://blog.pipeframe.xyz">blog</a> (source: <a href="https://git.pipeframe.xyz/lonkaars/blog/">git</a>, <a href="https://github.com/lonkaars/blog">github</a>)</li> - <li><a target="_blank" href="https://git.pipeframe.xyz">git</a> server</li> + <li>Most of the things I do should be <a target="_blank" href="https://git.pipeframe.xyz">here</a></li> + <li>If not, they're likely over on <a target="_blank" href="https://github.com/lonkaars">GitHub</a></li> + <li>I also have a <a target="_blank" href="https://blog.pipeframe.xyz">blog</a> that I rarely update</li> </ul> - <p style="text-align: center"> - The domain name comes from this bad boy:<br/> - <img src="img/pipeframe.png" alt="Mariokart 8 pipe frame kart"> + + <div class="fill"></div> + + <p align="center"> + (the domain name comes from this bad boy)<br/> + <img src="img/pipeframe.png" alt="Mariokart 8 pipe frame kart"> </p> - </div> + + </main> + </body> </html> @@ -1,66 +1,23 @@ -:root { - --black: #000000; - --flame: #f46e42; - --lavender-blush: #eee5e9; - --gray-web: #7c7c7c; - --gold-crayola: #efc88b; - - --bg: var(--black); - --fg: var(--lavender-blush); - - background: var(--bg); -} - -@media (prefers-color-scheme: light) { - :root { - --flame: #cf5c36; - --gold-crayola: #b5863b; - - --bg: var(--lavender-blush); - --fg: var(--black); - } -} - body, html { margin: 0; padding: 0; - background-color: var(--bg); - color: var(--fg); font-family: "Inter", sans-serif; text-transform: lowercase; } -.centeredpage { - max-width: 700px; - margin: 0 auto; - margin-bottom: 100px; +main { + max-width: 35em; + margin: 100px auto; padding: 0 24px; - - text-align: justify; } -h1 { - text-align: center; - font-size: 75px; - font-weight: 700; -} - -@media screen and (max-width: 600px) { - h1 { - font-size: 12vw; - } -} - -a { color: var(--flame); } - -code { - font-family: "JetBrainsMono Nerd Font", "JetBrainsMono", monospace; - color: var(--gold-crayola); -} +h1 { text-align: center; } p, ul { margin: 30px 0; } ul { line-height: 1.7; } +.fill { height: calc(100vh - 300px); } + |