diff --git a/src/app.html b/src/app.html index 6588415..4729b90 100644 --- a/src/app.html +++ b/src/app.html @@ -1,18 +1,16 @@ - + - - - - - - - - - - - %sveltekit.head% - - -
%sveltekit.body%
- + + + + + + + + + %sveltekit.head% + + +
%sveltekit.body%
+ diff --git a/src/lib/Banner.svelte b/src/lib/Banner.svelte index 00fa5b8..4357d69 100644 --- a/src/lib/Banner.svelte +++ b/src/lib/Banner.svelte @@ -3,16 +3,15 @@
-
-

{title}

-

Software, Games, Science, Space!

-
+

{title}

+ Software, Games, Science, Space!
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte index 1bc7fe0..f40d283 100644 --- a/src/routes/+layout.svelte +++ b/src/routes/+layout.svelte @@ -8,3 +8,14 @@ + + diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte index ebd2e1e..cb6ff5a 100644 --- a/src/routes/+page.svelte +++ b/src/routes/+page.svelte @@ -6,7 +6,7 @@ { name: "Test", link: "/", - img: "img/600x300.png", + img: "images/600x300.png", size: { width: 600, height: 300 }, description: "Test", }, diff --git a/src/routes/admin/+page.svelte b/src/routes/admin/+page.svelte index d4d3572..0342694 100644 --- a/src/routes/admin/+page.svelte +++ b/src/routes/admin/+page.svelte @@ -54,7 +54,7 @@ } li a:hover { - border-bottom: 2px solid var(--link-color-hover); + border-bottom: 2px solid var(--link-hover); } h2 { diff --git a/static/css/global.css b/static/css/global.css deleted file mode 100755 index 57d5b7c..0000000 --- a/static/css/global.css +++ /dev/null @@ -1,150 +0,0 @@ - -html[data-theme='dark'] { - --font1: 'Open Sans', sans-serif; - --background-color: #343a40; - --header-color: #202225; - --headings-color: #ffffff; - --text-color: #eeeeee; - --border-color: #141414; - --line-color: #ffffff; - --link-color: #CC99FF; - --link-color-hover: #ffffff; -} - -body { - background-color: var(--background-color); - box-sizing: border-box; - color: var(--text-color); - font-family: var(--font1); - font-display: swap; - font-size: 1rem; - line-height: 1.6; - margin: 0 auto; -} - -h1, h2, h3, h4, h5 { - color: var(--headings-color); - font-weight: bold; - line-height: 1.2; - margin-top: 0; - margin-bottom: 0.5rem; -} -h1 { font-size: 2.5rem; } -h2 { font-size: 2rem; } -h3 { font-size: 1.75rem; } -h4 { font-size: 1.5rem; } -h5 { font-size: 1.25rem; } -h6 { font-size: 1rem; } - -hr { - background-color: var(--line-color); -} - -/* Navigation */ -header { - background-color: var(--header-color); - padding-top: 4px; - padding-bottom: 4px; -} - -a { - text-decoration: none; - color: var(--link-color); - transition: color 0.1s linear; -} - -a:hover { - color: var(--link-color-hover); - text-decoration: none; -} - -/* Banner */ -.overlay { - background-size: cover; - background-position: center; - border-top: 2px solid var(--border-color); - border-bottom: 4px solid var(--border-color); - display: flex; - height: 200px; - text-align: center; - align-items: center; - justify-content: center; -} - -.title { - display: inline-block; - font-size: 3rem; - text-decoration: none; -} - -.container { - width: 100%; - padding-right: 15px; - padding-left: 15px; - margin-right: auto; - margin-left: auto; -} -@media (min-width: 576px) { - .container { - width: 540px; - } -} -@media (min-width: 768px) { - .container { - width: 720px; - } -} -@media (min-width: 992px) { - .container { - width: 960px; - } -} -@media (min-width: 1200px) { - .container { - width: 1140px; - } -} - -.link { - text-decoration: none; - transition: color 0.1s linear; - padding: 4px 12px; -} - -.link:hover { - border-bottom: 2px solid var(--line-color); -} - -/* Content */ -main { - margin-top: 20px; -} - -section { - border-radius: 5px; - padding: 5px 20px; -} - -footer { - display: flex; - justify-content: space-between; - border-top: 3px solid var(--border-color); - color: var(--text-color); - font-family: var(--font1); - margin-top: 30px; - margin-bottom: 30px; -} - -/* Responsive layout - when the screen is less than 700px wide, make the two columns stack on top of each other instead of next to each other */ -@media screen and (max-width: 700px) { - .title { - display: block; - text-align: center; - } -} - -@media (max-width: 576px) { - footer { - flex-direction: column; - } -} diff --git a/static/css/native.css b/static/css/native.css deleted file mode 100644 index 324d7e7..0000000 --- a/static/css/native.css +++ /dev/null @@ -1,78 +0,0 @@ -.highlight .hll { background-color: #404040 } -.highlight { background: #202020; color: #d0d0d0 } -.highlight .c { color: #999999; font-style: italic } /* Comment */ -.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */ -.highlight .esc { color: #d0d0d0 } /* Escape */ -.highlight .g { color: #d0d0d0 } /* Generic */ -.highlight .k { color: #6ab825; font-weight: bold } /* Keyword */ -.highlight .l { color: #d0d0d0 } /* Literal */ -.highlight .n { color: #d0d0d0 } /* Name */ -.highlight .o { color: #d0d0d0 } /* Operator */ -.highlight .x { color: #d0d0d0 } /* Other */ -.highlight .p { color: #d0d0d0 } /* Punctuation */ -.highlight .ch { color: #999999; font-style: italic } /* Comment.Hashbang */ -.highlight .cm { color: #999999; font-style: italic } /* Comment.Multiline */ -.highlight .cp { color: #cd2828; font-weight: bold } /* Comment.Preproc */ -.highlight .cpf { color: #999999; font-style: italic } /* Comment.PreprocFile */ -.highlight .c1 { color: #999999; font-style: italic } /* Comment.Single */ -.highlight .cs { color: #e50808; font-weight: bold; background-color: #520000 } /* Comment.Special */ -.highlight .gd { color: #d22323 } /* Generic.Deleted */ -.highlight .ge { color: #d0d0d0; font-style: italic } /* Generic.Emph */ -.highlight .gr { color: #d22323 } /* Generic.Error */ -.highlight .gh { color: #ffffff; font-weight: bold } /* Generic.Heading */ -.highlight .gi { color: #589819 } /* Generic.Inserted */ -.highlight .go { color: #cccccc } /* Generic.Output */ -.highlight .gp { color: #aaaaaa } /* Generic.Prompt */ -.highlight .gs { color: #d0d0d0; font-weight: bold } /* Generic.Strong */ -.highlight .gu { color: #ffffff; text-decoration: underline } /* Generic.Subheading */ -.highlight .gt { color: #d22323 } /* Generic.Traceback */ -.highlight .kc { color: #6ab825; font-weight: bold } /* Keyword.Constant */ -.highlight .kd { color: #6ab825; font-weight: bold } /* Keyword.Declaration */ -.highlight .kn { color: #6ab825; font-weight: bold } /* Keyword.Namespace */ -.highlight .kp { color: #6ab825 } /* Keyword.Pseudo */ -.highlight .kr { color: #6ab825; font-weight: bold } /* Keyword.Reserved */ -.highlight .kt { color: #6ab825; font-weight: bold } /* Keyword.Type */ -.highlight .ld { color: #d0d0d0 } /* Literal.Date */ -.highlight .m { color: #3677a9 } /* Literal.Number */ -.highlight .s { color: #ed9d13 } /* Literal.String */ -.highlight .na { color: #bbbbbb } /* Name.Attribute */ -.highlight .nb { color: #24909d } /* Name.Builtin */ -.highlight .nc { color: #447fcf; text-decoration: underline } /* Name.Class */ -.highlight .no { color: #40ffff } /* Name.Constant */ -.highlight .nd { color: #ffa500 } /* Name.Decorator */ -.highlight .ni { color: #d0d0d0 } /* Name.Entity */ -.highlight .ne { color: #bbbbbb } /* Name.Exception */ -.highlight .nf { color: #447fcf } /* Name.Function */ -.highlight .nl { color: #d0d0d0 } /* Name.Label */ -.highlight .nn { color: #447fcf; text-decoration: underline } /* Name.Namespace */ -.highlight .nx { color: #d0d0d0 } /* Name.Other */ -.highlight .py { color: #d0d0d0 } /* Name.Property */ -.highlight .nt { color: #6ab825; font-weight: bold } /* Name.Tag */ -.highlight .nv { color: #40ffff } /* Name.Variable */ -.highlight .ow { color: #6ab825; font-weight: bold } /* Operator.Word */ -.highlight .w { color: #666666 } /* Text.Whitespace */ -.highlight .mb { color: #3677a9 } /* Literal.Number.Bin */ -.highlight .mf { color: #3677a9 } /* Literal.Number.Float */ -.highlight .mh { color: #3677a9 } /* Literal.Number.Hex */ -.highlight .mi { color: #3677a9 } /* Literal.Number.Integer */ -.highlight .mo { color: #3677a9 } /* Literal.Number.Oct */ -.highlight .sa { color: #ed9d13 } /* Literal.String.Affix */ -.highlight .sb { color: #ed9d13 } /* Literal.String.Backtick */ -.highlight .sc { color: #ed9d13 } /* Literal.String.Char */ -.highlight .dl { color: #ed9d13 } /* Literal.String.Delimiter */ -.highlight .sd { color: #ed9d13 } /* Literal.String.Doc */ -.highlight .s2 { color: #ed9d13 } /* Literal.String.Double */ -.highlight .se { color: #ed9d13 } /* Literal.String.Escape */ -.highlight .sh { color: #ed9d13 } /* Literal.String.Heredoc */ -.highlight .si { color: #ed9d13 } /* Literal.String.Interpol */ -.highlight .sx { color: #ffa500 } /* Literal.String.Other */ -.highlight .sr { color: #ed9d13 } /* Literal.String.Regex */ -.highlight .s1 { color: #ed9d13 } /* Literal.String.Single */ -.highlight .ss { color: #ed9d13 } /* Literal.String.Symbol */ -.highlight .bp { color: #24909d } /* Name.Builtin.Pseudo */ -.highlight .fm { color: #447fcf } /* Name.Function.Magic */ -.highlight .vc { color: #40ffff } /* Name.Variable.Class */ -.highlight .vg { color: #40ffff } /* Name.Variable.Global */ -.highlight .vi { color: #40ffff } /* Name.Variable.Instance */ -.highlight .vm { color: #40ffff } /* Name.Variable.Magic */ -.highlight .il { color: #3677a9 } /* Literal.Number.Integer.Long */ diff --git a/static/css/styles.css b/static/css/styles.css new file mode 100755 index 0000000..a0a1988 --- /dev/null +++ b/static/css/styles.css @@ -0,0 +1,160 @@ +/* theming */ +:root { + --text: #ededed; + --background: #1f2124; +} + +:root { + --headings: var(--text); + --link: var(--highlight); + --border: #b5b5b5; + --line: #ffffff; + --link: #cc99ff; + --link-hover: #ffffff; +} + +body { + box-sizing: border-box; + background-color: var(--background); + color: var(--text); + font-family: Helvetica, Arial, sans-serif, "Apple Color Emoji", + "Segoe UI Emoji", "Segoe UI Symbol"; + font-weight: 400; + font-display: swap; + line-height: 1.6; + margin: 0 auto; +} + +h1, +h2, +h3, +h4, +h5 { + font-weight: 700; +} + +html { + font-size: 100%; +} /* 16px */ + +html { + font-size: 100%; +} /* 16px */ + +h1 { + font-size: 1.99rem; /* 31.84px */ +} + +h2 { + font-size: 1.658rem; /* 26.56px */ +} + +h3 { + font-size: 1.382rem; /* 22.08px */ +} + +h4 { + font-size: 1.152rem; /* 18.4px */ +} + +h5 { + font-size: 0.96rem; /* 15.36px */ +} + +small { + font-size: 0.667rem; /* 10.72px */ +} + +hr { + background-color: var(--line); +} + +/* layout */ +body { + background-color: var(--background); + line-height: 1.6; +} + +h1, +h2, +h3, +h4, +h5 { + color: var(--headings); + line-height: 1.2; + margin-top: 24px; + margin-bottom: 8px; + + color: var(--headings); + font-weight: bold; + line-height: 1.2; + margin-top: 0; + margin-bottom: 0.5rem; +} + +header { + padding-top: 4px; + padding-bottom: 4px; +} + +a { + text-decoration: none; + color: var(--link); + transition: color 0.1s linear; +} + +a:hover { + color: var(--link-hover); + text-decoration: none; +} + +.container { + width: 100%; + padding-right: 15px; + padding-left: 15px; + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container { + width: 540px; + } +} + +@media (min-width: 768px) { + .container { + width: 720px; + } +} + +@media (min-width: 992px) { + .container { + width: 960px; + } +} + +@media (min-width: 1200px) { + .container { + width: 1140px; + } +} + +.link { + text-decoration: none; + transition: color 0.1s linear; + padding: 4px 12px; +} + +.link:hover { + border-bottom: 2px solid var(--line); +} + +main { + margin-top: 20px; +} + +section { + border-radius: 5px; + padding: 5px 20px; +} diff --git a/static/img/600x300.png b/static/images/600x300.png similarity index 100% rename from static/img/600x300.png rename to static/images/600x300.png diff --git a/static/img/bluenebula.webp b/static/images/bluenebula.webp similarity index 100% rename from static/img/bluenebula.webp rename to static/images/bluenebula.webp diff --git a/static/img/favicon.ico b/static/images/favicon.ico similarity index 100% rename from static/img/favicon.ico rename to static/images/favicon.ico diff --git a/static/img/user.svg b/static/images/user.svg similarity index 100% rename from static/img/user.svg rename to static/images/user.svg diff --git a/static/img/friendscats1.png b/static/img/friendscats1.png deleted file mode 100755 index fbfbbbf..0000000 Binary files a/static/img/friendscats1.png and /dev/null differ diff --git a/vite.config.js.timestamp-1727465286880-3902718c47226.mjs b/vite.config.js.timestamp-1727465286880-3902718c47226.mjs new file mode 100644 index 0000000..36cf21c --- /dev/null +++ b/vite.config.js.timestamp-1727465286880-3902718c47226.mjs @@ -0,0 +1,10 @@ +// vite.config.js +import { sveltekit } from "file:///data/repos/quartznet/quartznet-info/node_modules/.pnpm/@sveltejs+kit@2.5.25_@sveltejs+vite-plugin-svelte@3.1.2_svelte@4.2.19_vite@5.4.2__svelte@4.2.19_vite@5.4.2/node_modules/@sveltejs/kit/src/exports/vite/index.js"; +var config = { + plugins: [sveltekit()] +}; +var vite_config_default = config; +export { + vite_config_default as default +}; +//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsidml0ZS5jb25maWcuanMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCIvZGF0YS9yZXBvcy9xdWFydHpuZXQvcXVhcnR6bmV0LWluZm9cIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfZmlsZW5hbWUgPSBcIi9kYXRhL3JlcG9zL3F1YXJ0em5ldC9xdWFydHpuZXQtaW5mby92aXRlLmNvbmZpZy5qc1wiO2NvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9pbXBvcnRfbWV0YV91cmwgPSBcImZpbGU6Ly8vZGF0YS9yZXBvcy9xdWFydHpuZXQvcXVhcnR6bmV0LWluZm8vdml0ZS5jb25maWcuanNcIjtpbXBvcnQgeyBzdmVsdGVraXQgfSBmcm9tICdAc3ZlbHRlanMva2l0L3ZpdGUnO1xuXG4vKiogQHR5cGUge2ltcG9ydCgndml0ZScpLlVzZXJDb25maWd9ICovXG5jb25zdCBjb25maWcgPSB7XG5cdHBsdWdpbnM6IFtzdmVsdGVraXQoKV1cbn07XG5cbmV4cG9ydCBkZWZhdWx0IGNvbmZpZztcbiJdLAogICJtYXBwaW5ncyI6ICI7QUFBOFIsU0FBUyxpQkFBaUI7QUFHeFQsSUFBTSxTQUFTO0FBQUEsRUFDZCxTQUFTLENBQUMsVUFBVSxDQUFDO0FBQ3RCO0FBRUEsSUFBTyxzQkFBUTsiLAogICJuYW1lcyI6IFtdCn0K