diff --git a/cat.gif b/cat.gif new file mode 100644 index 0000000..f9cbea8 Binary files /dev/null and b/cat.gif differ diff --git a/clouds.gif b/clouds.gif new file mode 100644 index 0000000..1fb6971 Binary files /dev/null and b/clouds.gif differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..f7a5dba --- /dev/null +++ b/index.html @@ -0,0 +1,76 @@ + + + + + + ~/startpage + + + + +
+
+ + + + + + +

+ +
+ +
+
+ +
+
+

> cd ~/_

+
+ +
+
+
+
  • daily
    • +
  • gmail
    • +
  • protonmail
    • +
  • youtube
    • +
  • reddit
    • +
    +
    + +
    +
    +
  • dev
    • +
  • github
    • +
  • stackoverflow
    • +
  • distrowatch
    • +
  • devdocs
    • +
    +
    + +
    +
    +
  • reddit
    • +
  • r/programming
    • +
  • r/archlinux
    • +
  • r/unixporn
    • +
  • r/linuxmr
    • +
    +
    + +
    +
    +
  • fun
    • +
  • monkeytype
    • +
  • twitter
    • +
  • twitch
    • +
  • netflix
    • +
    +
    +
    +
    +
    + + + diff --git a/plane.gif b/plane.gif new file mode 100644 index 0000000..d5b65d3 Binary files /dev/null and b/plane.gif differ diff --git a/rest.webp b/rest.webp new file mode 100644 index 0000000..75f8c6c Binary files /dev/null and b/rest.webp differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..9dc27c7 --- /dev/null +++ b/style.css @@ -0,0 +1,129 @@ +@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap'); +:root { + --color-bg: #1E1E2E; + --color-fg: #D9E0EE; + --color-link: #8F9191; + --color-link-visited: #F5C2E7; + --color-link-hover: #FF79C6 ; +} + +html, body { + background: var(--color-bg); + color: var(--color-fg); + font-family: "Ubuntu"; + height: 100%; + width: 100%; + margin: 0; + padding: 0; +} + +.vapor { + border-radius: 12px; + border-style: solid; + border-color: #FF79C6; + +} + +.container { + display: grid; + grid-template-columns: 1fr 460px 600px 1fr; + grid-template-areas: + ". left right ."; + column-gap: 80px; + justify-items: center; + align-items: center; + min-height: 100%; +} + +.left-container { + grid-area: left; + aspect-ratio: 1/1; +} + +.right-container { + grid-area: right; + height: 50%; + width: 100%; +} + +.gif img { + max-width: 100%; + max-height: 100%; +} + +.head { + display: flex; + flex-direction: column; + align-items: center; + font-size: 40px; + padding-top: 60px; +} + +.category { + display: flex; + flex-direction: column; + width: 180px; +} + +.bookmarks { + display: flex; + justify-content: center; +} + +.links { + display: flex; + flex-direction: column; + align-items: center; + padding-top: 20px; + padding-bottom: 20px; +} + +.title { + font-size: 20px; +} + +li { + font-size: 16px; + list-style-type: none; + padding: 5px +} + +a:link { + text-decoration: none; + color: var(--color-link); +} + +a:visited { + color: var(--color-link-visited); +} + +a:hover { + color: var(--color-link-hover); +} + +.blinking { + animation: opacity 1s ease-in-out infinite; + opacity: 1; +} + +@keyframes opacity { + 0% { + opacity: 1; + } + + 50% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} + +#Date { + + font-family: 'Bebas Neue'; + font-size: 40px; +} diff --git a/vapor.gif b/vapor.gif new file mode 100644 index 0000000..9b1f777 Binary files /dev/null and b/vapor.gif differ diff --git a/vaporwave.gif b/vaporwave.gif new file mode 100644 index 0000000..ceed99e Binary files /dev/null and b/vaporwave.gif differ