xelframe home page
Socials:
Discord: xelframe
Telegram: xelframe
Github: xelframe
Steam: xelframe
YouTube: xelframe
-- -
> retro page <
+My button:
+ ++
+ > retro page <
- ~prev + <prev webring - next~ -
+ next> ++
diff --git a/assets/ConsolasBold.otf b/assets/ConsolasBold.otf new file mode 100644 index 0000000..0acc477 Binary files /dev/null and b/assets/ConsolasBold.otf differ diff --git a/assets/FiraCode-Bold.ttf b/assets/FiraCode-Bold.ttf deleted file mode 100644 index f891bde..0000000 Binary files a/assets/FiraCode-Bold.ttf and /dev/null differ diff --git a/assets/images/archlinux.gif b/assets/images/archlinux.gif new file mode 100644 index 0000000..6fcc440 Binary files /dev/null and b/assets/images/archlinux.gif differ diff --git a/assets/images/firefox2.gif b/assets/images/firefox2.gif new file mode 100644 index 0000000..14a24df Binary files /dev/null and b/assets/images/firefox2.gif differ diff --git a/assets/images/github.gif b/assets/images/github.gif new file mode 100644 index 0000000..23b963f Binary files /dev/null and b/assets/images/github.gif differ diff --git a/assets/images/reddit.gif b/assets/images/reddit.gif new file mode 100644 index 0000000..dc7d300 Binary files /dev/null and b/assets/images/reddit.gif differ diff --git a/assets/images/vscbutton.gif b/assets/images/vscbutton.gif new file mode 100644 index 0000000..8a4cad2 Binary files /dev/null and b/assets/images/vscbutton.gif differ diff --git a/assets/images/xfree.gif b/assets/images/xfree.gif new file mode 100644 index 0000000..7a15535 Binary files /dev/null and b/assets/images/xfree.gif differ diff --git a/assets/styles.css b/assets/styles.css index fa6d63e..5cf1772 100644 --- a/assets/styles.css +++ b/assets/styles.css @@ -1,31 +1,32 @@ -@font-face{ - font-family: 'FiraCode'; - src: url('FiraCode-Bold.ttf') format('truetype'); +@font-face { + font-family: 'ConsolasBold'; + src: url('ConsolasBold.otf') format('opentype'); font-weight: bold; font-display: swap; } body { - margin: 0; - min-height: 100svh; - font: 14px 'FiraCode',monospace; + margin: 20px 0 0 0; + font-family: 'ConsolasBold', 'consolas'; + font: 14px 'ConsolasBold'; color: #fff; text-align: center; - background-color: #16001d; + background-color: #1d1d1d; display: flex; flex-direction: column; + align-items: center; } main { - max-width: 1000px; - width: calc(100% - 20px); - margin: 0 auto; + border: thick double; padding: 20px; + width: 800px; + max-width: 100%; box-sizing: border-box; } a { - color: #c800ff; + color: #949494; text-decoration: none; } @@ -53,11 +54,19 @@ a:hover { margin: 0 auto; } -@media(max-width:650px){ - body { gap:15px; padding:0 10px; } - main { padding:15px; } - h1 { font-size:1.5rem; } - h2,h3 { font-size:1.1rem; margin:12px 0; } - .info { display:block; } +.mybutton { + height: 50px; + width: 40%; + resize: none; + color: white; + background-color: #1d1d1d; +} + +@media (max-width: 800px) { + body { gap: 15px; padding: 0 10px; } + main { padding: 15px; width: auto; max-width: 100%; } + h1 { font-size: 1.5rem; } + h2, h3 { font-size: 1.1rem; margin: 12px 0; } + .info { display: block; } .info > div { margin: 0; } } \ No newline at end of file diff --git a/index.html b/index.html index 34c1671..a33552a 100644 --- a/index.html +++ b/index.html @@ -10,31 +10,33 @@
+