-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Adds new blocks to redirect users towards the different projects under the Vital umbrella.
- Loading branch information
1 parent
72e07ca
commit ae0d61f
Showing
4 changed files
with
258 additions
and
43 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,2 +1,3 @@ | ||
| # notessential.github.io | ||
| Simply hosts a basic HTML file that tells people to access the main website. For... overly curious people, just in case. | ||
| # usevital.github.io | ||
|
|
||
| Hosts a basic HTML file with redirect buttons for the many projects under the Vital umbrella. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,21 +1,200 @@ | ||
| /* Set body background and typography */ | ||
| /* General page style */ | ||
| body { | ||
| font-family: 'Helvetica', sans-serif; | ||
| background-color: #181818; | ||
| color: #f0f0f0; | ||
| margin: 0; | ||
| padding: 20px; | ||
| text-align: center; | ||
| display: flex; | ||
| flex-direction: column; | ||
| justify-content: center; | ||
| align-items: center; | ||
| height: 100vh; | ||
| } | ||
|
|
||
| /* Bold title */ | ||
| b { | ||
| font-size: 28px; | ||
| margin-bottom: 15px; | ||
| display: block; | ||
| } | ||
| font-family: 'Arial', sans-serif; | ||
| background-color: #000; | ||
| color: #f0f0f0; | ||
| padding: 20px; | ||
| margin: 0; | ||
| min-height: 100vh; | ||
| display: flex; | ||
| flex-direction: column; | ||
| justify-content: flex-start; | ||
| align-items: center; | ||
| overflow-y: auto; | ||
| padding-bottom: 50px; | ||
| } | ||
|
|
||
| /* Footer styling */ | ||
| .footer { | ||
| color: #8E4EC6; | ||
| text-align: center; | ||
| padding: 20px; | ||
| margin-top: auto; | ||
| } | ||
| .find-us-buttons { | ||
| color: #8E4EC6; | ||
| } | ||
| .find-us-buttons a { | ||
| padding: 10px 20px; | ||
| border-radius: 5px; | ||
| text-decoration: none; | ||
| font-weight: bold; | ||
| margin: 5px; | ||
| display: inline-block; | ||
| } | ||
| .find-us-buttons a:hover { | ||
| text-decoration: underline; | ||
| } | ||
| a.org-github { | ||
| color: #fff; | ||
| } | ||
| a.org-discord { | ||
| color: #6200f6; | ||
| } | ||
| a.open-source-notice { | ||
| padding: 0px; | ||
| border-radius: 0px; | ||
| margin: 0px; | ||
| } | ||
|
|
||
| /* Text background */ | ||
| .text { | ||
| max-width: 800px; | ||
| text-align: center; | ||
| margin-bottom: 40px; | ||
| } | ||
|
|
||
| /* Project block styling */ | ||
| .block { | ||
| padding: 20px; | ||
| border-radius: 10px; | ||
| margin: 20px 0; | ||
| text-align: center; | ||
| width: 80%; | ||
| max-width: 600px; | ||
| box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); | ||
| } | ||
|
|
||
| /* Vital block */ | ||
| .block.vital { | ||
| background-color: #8E4EC6; | ||
| } | ||
|
|
||
| /* NotEssential block */ | ||
| .block.notessential { | ||
| background-color: #2F34FE; | ||
| } | ||
|
|
||
| /* Translator block */ | ||
| .block.translator { | ||
| background-color: #2F34FE; | ||
| } | ||
|
|
||
| /* Ward block */ | ||
| .block.ward { | ||
| background-color: #01B477; | ||
| } | ||
|
|
||
| /* Bulb block */ | ||
| .block.bulb { | ||
| background-color: #E4306A; | ||
| } | ||
|
|
||
| /* Button styling */ | ||
| a { | ||
| padding: 10px 20px; | ||
| border-radius: 5px; | ||
| text-decoration: none; | ||
| font-weight: bold; | ||
| transition: background-color 0.3s, color 0.3s; | ||
| margin: 5px; | ||
| display: inline-block; | ||
| } | ||
|
|
||
| /* Vital Buttons */ | ||
| a.vital-modrinth { | ||
| background-color: #1BD96A; | ||
| color: #ECF9FB; | ||
| } | ||
| a.vital-modrinth:hover { | ||
| background-color: #8E4EC6; | ||
| color: #1BD96A; | ||
| } | ||
| a.vital-github { | ||
| background-color: #000; | ||
| color: #fff; | ||
| } | ||
| a.vital-github:hover { | ||
| background-color: #fff; | ||
| color: #000; | ||
| } | ||
|
|
||
| /* NotEssential buttons */ | ||
| a.notessential-site { | ||
| background-color: #000; | ||
| color: #2F34FE; | ||
| } | ||
| a.notessential-site:hover { | ||
| background-color: #2F34FE; | ||
| color: #000; | ||
| } | ||
| a.notessential-gallery { | ||
| background-color: #000; | ||
| color: #2F34FE; | ||
| } | ||
| a.notessential-gallery:hover { | ||
| background-color: #2F34FE; | ||
| color: #000; | ||
| } | ||
| a.notessential-source { | ||
| background-color: #000; | ||
| color: #fff; | ||
| } | ||
| a.notessential-source:hover { | ||
| background-color: #fff; | ||
| color: #000; | ||
| } | ||
| a.notessential-gallery-source { | ||
| background-color: #000; | ||
| color: #fff; | ||
| } | ||
| a.notessential-gallery-source:hover { | ||
| background-color: #fff; | ||
| color: #000; | ||
| } | ||
|
|
||
| /* Ward buttons */ | ||
| a.ward-site { | ||
| background-color: #fff; | ||
| color: #01B477; | ||
| } | ||
| a.ward-site:hover { | ||
| background-color: #01B477; | ||
| color: #fff; | ||
| } | ||
| a.ward-source { | ||
| background-color: #000; | ||
| color: #fff; | ||
| } | ||
| a.ward-source:hover { | ||
| background-color: #fff; | ||
| color: #000; | ||
| } | ||
|
|
||
| /* Translator Buttons */ | ||
| a.translator-source { | ||
| background-color: #000; | ||
| color: #fff; | ||
| } | ||
| a.translator-source:hover { | ||
| background-color: #fff; | ||
| color: #000; | ||
| } | ||
| a.translator-releases { | ||
| background-color: #000; | ||
| color: #fff; | ||
| } | ||
| a.translator-releases:hover { | ||
| background-color: #fff; | ||
| color: #000; | ||
| } | ||
|
|
||
| /* Bulb buttons (not being used yet) */ | ||
| a.bulb-comingsoon { | ||
| background-color: #ff6347; | ||
| color: #fff; | ||
| } | ||
| a.bulb-comingsoon:hover { | ||
| background-color: #fff; | ||
| color: #ff6347; | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,29 +1,64 @@ | ||
| <!DOCTYPE html> | ||
| <html lang=en> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title> UseVital org redirect </title> | ||
| <title>UseVital org redirect</title> | ||
| <link rel="stylesheet" type="text/css" href="./css/styles.css"> | ||
| </head> | ||
| <body> | ||
| <b> There's nothing (of note) here... </b> | ||
| <br> | ||
| Due to limitations GitHub imposes when using Pages, we don't host most of our stuff here. | ||
| <br> | ||
| Instead, the following links can be used to go to our actual projects: | ||
| <br> | ||
| Vital, the modpack, can be found on <a href="https://modrinth.com/modpack/vital">Modrinth</a> and <a href="https://github.com/intergrav/vital">GitHub</a>. | ||
| <br> | ||
| <br> | ||
| NotEssential can be found <a href="https://notessential.blurry.gay/">here</a>. The source code of the site can be found <a href="https://github.com/usevital/notessential">here</a>. | ||
| <br> | ||
| Its associated gallery is located in <a href="https://notessentialsite.github.io/gallery">/gallery subpage</a> of this redirect site. | ||
| <br> | ||
| <br> | ||
| Translator's source code and releases can be found on <a href="https://github.com/usevital/translator">GitHub</a>. Ward can be found <a href="ward.worldwidepixel.ca">here</a> and its source code can be found <a href="https://github.com/usevital/ward">here</a>. | ||
| <br> | ||
| <br> | ||
| Bulb, the guides, will be available soon! | ||
| <div class="text"> | ||
| <b>There's nothing (of note) here...</b> | ||
| <br> | ||
| We have a lot of things under the Vital umbrella that we don't think one specific site deserves this spot. | ||
| <br> | ||
| Instead, find our projects using the redirects below: | ||
| </div> | ||
|
|
||
| <div class="block vital"> | ||
| <b>Vital Modpack</b> | ||
| <p>Unofficial alternative to the Essential mod with world hosting features, free cosmetics, and much more!</p> | ||
| <a href="https://modrinth.com/modpack/vital" class="vital-modrinth">Modrinth</a> | ||
| <a href="https://github.com/intergrav/vital" class="vital-github">GitHub</a> | ||
| </div> | ||
|
|
||
| <div class="block notessential"> | ||
| <b>NotEssential</b> | ||
| <p>Essential has many issues. This website tells why, and provides alternatives.</p> | ||
| <a href="https://notessential.blurry.gay/" class="notessential-site">Main website</a> | ||
| <a href="https://notessentialsite.github.io/gallery" class="notessential-gallery">Gallery</a> | ||
| <a href="https://github.com/usevital/notessential" class="notessential-source">GitHub</a> | ||
| <a href="https://github.com/usevital/notessential-gallery" class="notessential-gallery-source">Gallery GitHub</a> | ||
| </div> | ||
|
|
||
| <div class="block translator"> | ||
| <b>Translator</b> | ||
| <p>A Python script that is able to convert text in a multitude of ways.</p> | ||
| <a href="https://github.com/usevital/translator" class="translator-source">GitHub</a> | ||
| <a href="https://github.com/usevital/translator/releases" class="translator-releases">Releases</a> | ||
| </div> | ||
|
|
||
| <div class="block ward"> | ||
| <b>Ward</b> | ||
| <p>Text operations for the web.</p> | ||
| <a href="https://ward.worldwidepixel.ca" class="ward-site">Website</a> | ||
| <a href="https://github.com/usevital/ward" class="ward-source">GitHub</a> | ||
| </div> | ||
|
|
||
| <div class="block bulb"> | ||
| <b>Bulb</b> | ||
| <p>Sorry, this project is not available yet. Check back later!</p> | ||
| <!-- a href="#" class="bulb-comingsoon">Coming Soon</a> --> <!-- Uncomment and fill once Bulb is ready. --> | ||
| </div> | ||
|
|
||
| <footer class="footer"> | ||
| <b>You can find us on: </b> | ||
| <div class="find-us-buttons"> | ||
| <a href="https://github.com/usevital" class="org-github">GitHub</a> | ||
| <a href="https://discord.gg/" class="org-discord">Discord</a> | ||
| </div> | ||
| <br> | ||
| <b>This website, too, is <a href="https://github.com/usevital/usevital.github.io" class="open-source-notice">open source.</a></b> | ||
| </footer> | ||
| </body> | ||
| </html> |