diff --git a/.gitignore b/.gitignore index 071833a..aaccfaa 100644 --- a/.gitignore +++ b/.gitignore @@ -3,6 +3,7 @@ /perf.data /perf.data.old +.vscode/ book/ # Vi[m] backups diff --git a/assets/version2_icons/release_logo.png b/assets/version2_icons/release_logo.png index 117b380..f861d36 100644 Binary files a/assets/version2_icons/release_logo.png and b/assets/version2_icons/release_logo.png differ diff --git a/docs/index.html b/docs/index.html index 461d5e8..98cfd06 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1,109 +1,47 @@ - - - - - - xplr - - - - - - - - - - - - - - - - - - - - - - - - - - -
-

xplr

-

A hackable, minimal, fast TUI file explorer

- - xplr demo - -

- Documentation - | - Project Repository - | - Releases - | - Discord -

-
- - + + + + + + + + + xplr + + + + + +

xplr

+
+
+

A hackable, minimal, fast TUI file explorer

+
+
+
+
+ +
+

Documentation

+
+ + +
+

Project Repository

+
+ + +
+

Releases

+
+ + +
+

Discord

+
+ +
+ + + \ No newline at end of file diff --git a/docs/style.css b/docs/style.css new file mode 100644 index 0000000..ab1a3ef --- /dev/null +++ b/docs/style.css @@ -0,0 +1,151 @@ +@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap'); +* { + padding: 0; + margin: 0; +} + +body { + color: #2d3436; +} + +h1 { + padding-left: 5px; + font-family: 'Share Tech Mono', monospace; + font-size: 3.5rem; + padding-top: 2.5vh; + text-align: center; +} + +.main-page { + display: grid; + grid-template-columns: repeat(2, 1fr); + background-color: #dfe6e9; + margin-top: 3vh; + min-height: 87vh; +} + +.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; +} + +.para .more a { + font-size: 1.5rem; + color: #636e72; +} + +.main-video { + display: flex; + justify-content: center; + align-items: center; +} + +.main-video img { + margin-right: 0rem; +} + +.links { + 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; +} + +.links .linkCad:hover { + box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2); +} + +.links a { + text-decoration: none; +} + +.links .linkCad p { + padding-top: 2rem; + font-weight: 600; +} + +.mrgL { + margin-left: 60%; +} + +.mrgR { + margin-right: 60%; +} + +@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:850px) { + .mrgL { + margin-left: 30%; + } + .mrgR { + margin-right: 30%; + } +} + +@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 diff --git a/docs/version2/index.html b/docs/version2/index.html deleted file mode 100644 index 871f66e..0000000 --- a/docs/version2/index.html +++ /dev/null @@ -1,48 +0,0 @@ - - - - - - - - - - - - xplr - - - -

xplr

- -
-
-

A hackable, minimal, fast TUI file explorer


-

Learn more

-
-
- -
-
- -
-
- -

Documentation

-
-
- -

Project Repository

-
-
- -

Releases

-
-
- -

Discord

-
-
- - - \ No newline at end of file diff --git a/docs/version2/style.css b/docs/version2/style.css deleted file mode 100644 index db6775b..0000000 --- a/docs/version2/style.css +++ /dev/null @@ -1,85 +0,0 @@ -@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap'); - -*{ - padding: 0; - margin: 0; -} - - -body{ - color: #2d3436; -} - - -h1{ - padding-left: 5px; - font-family: 'Share Tech Mono', monospace; - font-size: 3.5rem; - padding-top: 3vh; - padding-left: 4rem; -} - -.main-page{ - display: grid; - grid-template-columns: repeat(2, 1fr); - background-color: #dfe6e9; - margin-top: 3vh; - min-height: 87vh; -} - -.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); -} -.para .more a{ - font-size:1.5rem; - color: #636e72; -} - -.main-video{ - display: flex; - justify-content: center; - align-items: center; -} -.main-video img{ - margin-right: 2rem; -} - -.links{ - 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; -} -.links .linkCad:hover{ - box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.2); -} -.links a{ - text-decoration: none; -} -.links .linkCad p{ - padding-top: 2rem; - font-weight: 600; -} -.mrgL{ - margin-left: 60%; -} -.mrgR{ - margin-right: 60%; -}