From 884cd98d0b31bccf2a409cc5461b538c404776b3 Mon Sep 17 00:00:00 2001 From: Arijit Basu Date: Thu, 7 Oct 2021 17:21:51 +0530 Subject: [PATCH] Minor links and formatting fixes for the homepage --- docs/index.html | 153 ++++++++++++++++++++++++-------------- docs/style.css | 194 ++++++++++++++++++++++++------------------------ 2 files changed, 196 insertions(+), 151 deletions(-) diff --git a/docs/index.html b/docs/index.html index e4169e4..f4cbfb4 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1,68 +1,113 @@ - - - - - - - + + + + + + xplr - + - - - - - - + + + + + + - - - - - - + + + + + + - - + + - - - - + + + +
-
-

xplr

-

A hackable, minimal, fast TUI file explorer

-
-
+
+

xplr

+

+ A hackable, minimal, fast TUI + file explorer +

+
+
+
+ +
- -
-

Documentation

-
- - -
-

Project Repository

-
- - -
-

Releases

-
- - -
-

Discord

-
- + +
+ +

Documentation

+
+ + +
+ +

Source Code

+
+ + +
+ +

Releases

+
+ + +
+ +

Discord

+
+
- - - \ No newline at end of file + + diff --git a/docs/style.css b/docs/style.css index c509e25..8aadbb8 100644 --- a/docs/style.css +++ b/docs/style.css @@ -1,151 +1,151 @@ @import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap'); * { - padding: 0; - margin: 0; + padding: 0; + margin: 0; } body { - color: #2d3436; + color: #2d3436; } h1 { - padding-left: 5px; - font-family: 'Share Tech Mono', monospace; - font-size: 5rem; - padding-top: 2vh; - text-align: center; - transform: translateY(-50px); + padding-left: 5px; + font-family: 'Share Tech Mono', monospace; + font-size: 5rem; + padding-top: 2vh; + text-align: center; + transform: translateY(-50px); } .main-page { - display: grid; - grid-template-columns: repeat(2, 1fr); - background-color: #dfe6e9; - min-height: 100vh; + display: grid; + grid-template-columns: repeat(2, 1fr); + background-color: #dfe6e9; + min-height: 100vh; } .para { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - font-family: Arial, Helvetica, sans-serif; - font-size: 2rem; - color: rgba(0, 0, 0, 0.9); - text-align: center; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + font-family: Arial, Helvetica, sans-serif; + font-size: 2rem; + color: rgba(0, 0, 0, 0.9); + text-align: center; } .para .more a { - font-size: 1.5rem; - color: #636e72; + font-size: 1.5rem; + color: #636e72; } .main-video { - display: flex; - justify-content: center; - align-items: center; + display: flex; + justify-content: center; + align-items: center; } .main-video img { - margin-right: 0rem; + margin-right: 0rem; } .links { - display: grid; - grid-template-columns: repeat(2, 1fr); - grid-gap: 2rem; - margin: 5rem 0; + display: grid; + grid-template-columns: repeat(2, 1fr); + grid-gap: 2rem; + margin: 5rem 0; } .links .linkCad { - display: flex; - flex-direction: column; - justify-content: center; - align-items: center; - height: 40vh; - box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); - color: #2d3436; - font-family: sans-serif; - cursor: pointer; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + height: 40vh; + box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15); + color: #2d3436; + font-family: sans-serif; + cursor: pointer; } .links .linkCad:hover { - box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2); + box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2); } .links a { - text-decoration: none; + text-decoration: none; } .links .linkCad p { - padding-top: 2rem; - font-weight: 600; + padding-top: 2rem; + font-weight: 600; } .mrgL { - margin-left: 60%; + margin-left: 60%; } .mrgR { - margin-right: 60%; + margin-right: 60%; } -@media (max-width:1300px) { - .mrgL { - margin-left: 50%; - } - .mrgR { - margin-right: 50%; - } +@media (max-width: 1300px) { + .mrgL { + margin-left: 50%; + } + .mrgR { + margin-right: 50%; + } } -@media (max-width:1050px) { - .mrgL { - margin-left: 40%; - } - .mrgR { - margin-right: 40%; - } - .main-page { - display: block; - } - .para { - padding: 5rem 0; - } +@media (max-width: 1050px) { + .mrgL { + margin-left: 40%; + } + .mrgR { + margin-right: 40%; + } + .main-page { + display: block; + } + .para { + padding: 5rem 0; + } } -@media (max-width:850px) { - .mrgL { - margin-left: 30%; - } - .mrgR { - margin-right: 30%; - } +@media (max-width: 850px) { + .mrgL { + margin-left: 30%; + } + .mrgR { + margin-right: 30%; + } } -@media (max-width:700px) { - .mrgL { - margin-left: 15%; - } - .mrgR { - margin-right: 15%; - } +@media (max-width: 700px) { + .mrgL { + margin-left: 15%; + } + .mrgR { + margin-right: 15%; + } } -@media (max-width:550px) { - .mrgL { - margin-left: 0%; - } - .mrgR { - margin-right: 0%; - } - .links { - display: block; - } - .links { - margin-top: 0rem; - } - .linkCad { - margin-bottom: 4rem; - } -} \ No newline at end of file +@media (max-width: 550px) { + .mrgL { + margin-left: 0%; + } + .mrgR { + margin-right: 0%; + } + .links { + display: block; + } + .links { + margin-top: 0rem; + } + .linkCad { + margin-bottom: 4rem; + } +}