From fcd352dfa70ed9e9950738552727910689d25739 Mon Sep 17 00:00:00 2001 From: kennethcheo Date: Sat, 25 Sep 2021 16:52:10 +0800 Subject: Initial commit --- README.md | 7 +++ cat.gif | Bin 0 -> 22152753 bytes index.html | 70 ++++++++++++++++++++++++++++ screenshot.JPG | Bin 0 -> 83430 bytes style.css | 141 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 218 insertions(+) create mode 100644 README.md create mode 100644 cat.gif create mode 100644 index.html create mode 100644 screenshot.JPG create mode 100644 style.css diff --git a/README.md b/README.md new file mode 100644 index 0000000..4ac30e5 --- /dev/null +++ b/README.md @@ -0,0 +1,7 @@ +# Startpage + +Custom minimalist browser startpage. Heavily borrowed from [Prismatic-Night](https://github.com/3r3bu5x9/Prismatic-Night). + +Feel free to fork. + +![screenshot](screenshot.JPG) diff --git a/cat.gif b/cat.gif new file mode 100644 index 0000000..4bc8c34 Binary files /dev/null and b/cat.gif differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..253275f --- /dev/null +++ b/index.html @@ -0,0 +1,70 @@ + + + + + + HOME + + + + +
+
+ +
+
+

> cd ~/_

+
+ + + +
+ +
+
+
  • work
    • +
  • gmail
    • +
  • outlook
    • +
  • linkedin
    • +
    +
    + +
    +
    +
  • dev
    • +
  • github
    • +
  • lobste.rs
    • +
  • mankier
    • +
  • devdocs
    • +
    +
    + +
    +
    +
  • reddit
    • +
  • programming
    • +
  • selfhosted
    • +
  • unixporn
    • +
  • mk
    • +
    +
    + +
    +
    +
  • play
    • +
  • monkeytype
    • +
  • youtube
    • +
  • twitch
    • +
  • netflix
    • +
    +
    + +
    +
    + + + diff --git a/screenshot.JPG b/screenshot.JPG new file mode 100644 index 0000000..597cbfa Binary files /dev/null and b/screenshot.JPG differ diff --git a/style.css b/style.css new file mode 100644 index 0000000..cd70df2 --- /dev/null +++ b/style.css @@ -0,0 +1,141 @@ +html{ + display: flex; + flex-flow: row nowrap; + justify-content: center; + align-content: center; + align-items: center; + height: 100%; + width: 100%; + margin: 0; + padding: 0; + background:#282828; + font-family: "Fira Code"; + } + +body { + background: #282828; + color: #EADBB2; + height: 100%; + width: 100%; + margin: 0; + padding: 0; +} + +.container { + display: flex; + flex-direction: column; + height: 100%; + width: 100%; + justify-content: center; + align-items: center; +} + +.gif { + display: flex; + flex-direction: column; + align-items: center; + height: 500px; + width: 500px; +} + +.gif img { + max-width: 100%; + max-height: 100%; +} + +.head { + display: flex; + flex-direction: column; + align-items: center; + font-size: 40px; +} + +/* form { + margin: 0px; + padding: 0px; +} + +.search_box { + display: flex; + align-self: center; + border: 4px solid; + border-color: rgba(234, 219, 178,0.6); + border-radius: 10px; + width: 400px; + height: 48px; + margin-bottom: 40px; +} + +.input_box { + border: none; + outline: none; + background: none; + width: 380px; + padding-top: 12px; + + text-align:center; + font-family: "Fira Code"; + font-size: 20px; + color: #EADBB2; +} */ + +.category { + display: flex; + flex-direction: column; + width: 180px; +} + +.bookmark { + display: flex; + justify-content: center; +} + +.bookmarks { + 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: #8F9191; +} + +a:visited { + color: #668F8B; +} + +a:hover { + color: #FA7921; +} + +.blinking { + animation: opacity 1s ease-in-out infinite; + opacity: 1; +} + +@keyframes opacity { + 0% { + opacity: 1; + } + + 50% { + opacity: 0; + } + + 100% { + opacity: 1; + } +} -- cgit v1.2.3