Skip to content
This repository has been archived by the owner on Jan 26, 2024. It is now read-only.

Commit

Permalink
new page, and old page added
Browse files Browse the repository at this point in the history
  • Loading branch information
dj1ch committed Jan 25, 2024
1 parent e77e5ec commit d350fa3
Show file tree
Hide file tree
Showing 6 changed files with 172 additions and 72 deletions.
2 changes: 2 additions & 0 deletions .vitepress/config.js
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ export default {
rewrites: {
"docs/extra/overview.md": "overview.md",
"docs/extra/faq.md": "faq.md",
"docs/extra/old-page.md": "old-page.md",
"docs/extra/troubleshoot.md": "troubleshoot.md"
},
themeConfig: {
Expand All @@ -16,6 +17,7 @@ export default {
items: [
{ text: "Overview", link: "/overview" },
{ text: "FAQ", link: "/faq" },
{ text: "Old Page", link: "/old-page.md" },
{ text: "Troubleshooting", link: "/troubleshoot" },
]
},
Expand Down
92 changes: 20 additions & 72 deletions components/Homepage.vue
Original file line number Diff line number Diff line change
Expand Up @@ -13,103 +13,51 @@ import Chevron from "./Chevron.vue";
Boot a full Linux system and gain complete control over your device WITHOUT modifying the firmware.
</b></p>
<p class="fade-in-light"><b>
Note from the developer(s):</b> This project is officially dead and/or unmaintained(Though if I know Apacelus right he would revive it for the ten billionth time in a row in a month or so). If you have a chromebook, install <a href="https://mrchromebox.tech/#fwscript">MrChromebox's firmware</a>, or if you like this project, install <a href="https://github.com/FyraLabs/submarine">Submarine</a>, kind of like depthcharge. In my opinion, UEFI would be better as it is supported by most devices, and it allows your chromebook to become a 'normal' laptop.
Note from the developer(s):</b> This project is officially dead and/or unmaintained(Though if I know Apacelus right he would revive it for the ten billionth time in a row in a month or so).
</p>
<h2 class="fade-in-light"><b>
Use these projects instead:</b>
</h2>
</div>
<div class="row fade-in">
<div class="presentation" style="animation-delay: 0.2s;">
<div class="extend">
<span class="title icon-text">
<img src="/assets/eupneaos-icon.png" alt="EupneaOS Logo">
<h2>EupneaOS</h2>
<img src="/assets/coreboot-icon.png" alt="Coreboot Logo">
<h2>Coreboot</h2>
</span>
<p>
EupneaOS is a <a href="https://getfedora.org">Fedora</a> based operating system optimized to run on
<a href="docs/project/supported-devices">supported 64-bit
Chromebooks</a>. It features a custom (<a href="https://kde.org/">KDE</a> based)
<b>ChromeOS style desktop</b> and native <b>Android app support</b>.
With the help of MrChromebox's firmware script, we can run Coreboot(UEFI) on our chromebooks, allowing it to be used like a regular 'laptop'. Supported devices are <a href="https://mrchromebox.tech/#devices">here</a>.
</p>
<button class="big solid" disabled>Coming soon</button>
<a href="https://mrchromebox.tech/#fwscript">
<button class="big solid">Link</button>
</a>
</div>
<p class="soft">
EupneaOS is still in development. Stay tuned.
</p>
</div>
<div class="separator no-fade"></div>
<div class="presentation" style="animation-delay: 0.4s;">
<div class="extend">
<span class="title icon-text">
<img src="/assets/depthboot-icon.png" alt="Depthboot Logo">
<h2>Depthboot</h2>
<img src="/assets/fyra-labs.png" alt="Fyra Labs logo">
<h2>Submarine</h2>
</span>
<p>
<b>Choose</b> between a variety of <b>common Linux distributions</b> and <b>desktop environments</b>
to create a bootable image for
<a href="docs/project/supported-devices">supported 64-bit Chromebooks.</a>
A product of Fyra labs, Submarine is a small linux environment that fits on a ChromeOS kernel partition. It's used to boot a full linux distro.
</p>
<a href="docs/depthboot/requirements" tabindex="-1">
<button class="big solid">Build now</button>
<a href="https://github.com/FyraLabs/submarine">
<button class="big solid">Link</button>
</a>
</div>
<ul class="soft logo-grid">
<li class="icon-text"><img src="/assets/distro-ubuntu.svg" draggable="false">Ubuntu</li>
<li class="icon-text"><img src="/assets/distro-fedora.png" draggable="false">Fedora</li>
<li class="icon-text"><img src="/assets/distro-popos.svg" draggable="false">Pop!_OS</li>
<li class="icon-text"><img src="/assets/distro-arch.svg" draggable="false">Arch Linux</li>
</ul>
</div>
</div>
<div class="row fade-in">
<!-- <a href="overview" tabindex="-1" style="animation-delay: 0.6s;">
<button class="big outline">Documentation</button>
</a> -->
<a href="faq" tabindex="-1" style="animation-delay: 0.5s;">
<button class="big outline">Read the <b>FAQ</b></button>
</a>
</div>
<Chevron />
</section>

<section class="bg-mute full-height info-row">
<div class="blog">
<h2>EupneaOS</h2>
<p>
The Eupnea Project develops a custom Linux distribution based on
<a href="https://getfedora.org">Fedora</a> called <b>EupneaOS</b>. It's designed to imitate the
look of ChromeOS and is the recommended way of upgrading your Chromebook. It is designed to replicate
most features of ChromeOS, but without any limitations.
</p>
<button class="big solid" disabled>Coming soon</button>
</div>
<div class="preview">
<img class="big" src="https://via.placeholder.com/1280x720" alt="Placeholder Image">
<img class="icon" style="left: -3vw; bottom: -2vh" src="/assets/eupneaos-icon.png">
</div>
</section>
<section class="full-height info-row rev-row">
<div class="blog">
<h2>Depthboot</h2>
<p>
<b>Depthboot</b> (a fork of <a href="https://github.com/cb-linux/breath" target="_blank"
rel="noopener noreferrer">Breath</a>) can create bootable images for all
64-bit Chromebooks. Multiple
Linux distributions and desktop environments are supported.
</p>
<p>
Follow the instructions described in the documentation to build a Depthboot image.
</p>
<a href="docs/depthboot/requirements" tabindex="-1">
<button class="big solid">Build instructions</button>
</a>
</div>
<div class="preview">
<img class="big" src="https://via.placeholder.com/1280x900" alt="Placeholder Image">
<img class="icon" style="right: -2vw; top: -3vh; animation-delay: 2s;" src="/assets/depthboot-icon.png">
</div>
</section>

<p></p>
<a href="old-page">Go to Old Page</a>
<p></p>

<small>
hi milky
hi milky. also apple sauce...fuck you!
</small>

<footer>
Expand Down
123 changes: 123 additions & 0 deletions components/Oldpage.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,123 @@
<script setup>
import Chevron from "./Chevron.vue";
</script>

<template>
<section class="full-height initial-view">
<div id="heading">
<h1>
<b style="color: var(--eupnea-green);">Your </b>
<b style="color: var(--eupnea-blue);">Chromebook</b><b style="color: var(--eupnea-green);">, your way</b>
</h1>
<p class="fade-in-light"><b>
Boot a full Linux system and gain complete control over your device WITHOUT modifying the firmware.
</b></p>
<p class="fade-in-light"><b>
Note from the developer(s):</b> This project is officially dead and/or unmaintained(Though if I know Apacelus right he would revive it for the ten billionth time in a row in a month or so). If you have a chromebook, install <a href="https://mrchromebox.tech/#fwscript">MrChromebox's firmware</a>, or if you like this project, install <a href="https://github.com/FyraLabs/submarine">Submarine</a>, kind of like depthcharge. In my opinion, UEFI would be better as it is supported by most devices, and it allows your chromebook to become a 'normal' laptop.
</p>
</div>
<div class="row fade-in">
<div class="presentation" style="animation-delay: 0.2s;">
<div class="extend">
<span class="title icon-text">
<img src="/assets/eupneaos-icon.png" alt="EupneaOS Logo">
<h2>EupneaOS</h2>
</span>
<p>
EupneaOS is a <a href="https://getfedora.org">Fedora</a> based operating system optimized to run on
<a href="docs/project/supported-devices">supported 64-bit
Chromebooks</a>. It features a custom (<a href="https://kde.org/">KDE</a> based)
<b>ChromeOS style desktop</b> and native <b>Android app support</b>.
</p>
<button class="big solid" disabled>Coming soon</button>
</div>
<p class="soft">
EupneaOS is still in development. Stay tuned.
</p>
</div>
<div class="separator no-fade"></div>
<div class="presentation" style="animation-delay: 0.4s;">
<div class="extend">
<span class="title icon-text">
<img src="/assets/depthboot-icon.png" alt="Depthboot Logo">
<h2>Depthboot</h2>
</span>
<p>
<b>Choose</b> between a variety of <b>common Linux distributions</b> and <b>desktop environments</b>
to create a bootable image for
<a href="docs/project/supported-devices">supported 64-bit Chromebooks.</a>
</p>
<a href="docs/depthboot/requirements" tabindex="-1">
<button class="big solid">Build now</button>
</a>
</div>
<ul class="soft logo-grid">
<li class="icon-text"><img src="/assets/distro-ubuntu.svg" draggable="false">Ubuntu</li>
<li class="icon-text"><img src="/assets/distro-fedora.png" draggable="false">Fedora</li>
<li class="icon-text"><img src="/assets/distro-popos.svg" draggable="false">Pop!_OS</li>
<li class="icon-text"><img src="/assets/distro-arch.svg" draggable="false">Arch Linux</li>
</ul>
</div>
</div>
<div class="row fade-in">
<a href="overview" tabindex="-1" style="animation-delay: 0.6s;">
<button class="big outline">Documentation</button>
</a>

<a href="faq" tabindex="-1" style="animation-delay: 0.5s;">
<button class="big outline">Read the <b>FAQ</b></button>
</a>
</div>
<Chevron />
</section>

<section class="bg-mute full-height info-row">
<div class="blog">
<h2>EupneaOS</h2>
<p>
The Eupnea Project develops a custom Linux distribution based on
<a href="https://getfedora.org">Fedora</a> called <b>EupneaOS</b>. It's designed to imitate the
look of ChromeOS and is the recommended way of upgrading your Chromebook. It is designed to replicate
most features of ChromeOS, but without any limitations.
</p>
<button class="big solid" disabled>Coming soon</button>
</div>
<div class="preview">
<img class="big" src="https://via.placeholder.com/1280x720" alt="Placeholder Image">
<img class="icon" style="left: -3vw; bottom: -2vh" src="/assets/eupneaos-icon.png">
</div>
</section>
<section class="full-height info-row rev-row">
<div class="blog">
<h2>Depthboot</h2>
<p>
<b>Depthboot</b> (a fork of <a href="https://github.com/cb-linux/breath" target="_blank"
rel="noopener noreferrer">Breath</a>) can create bootable images for all
64-bit Chromebooks. Multiple
Linux distributions and desktop environments are supported.
</p>
<p>
Follow the instructions described in the documentation to build a Depthboot image.
</p>
<a href="docs/depthboot/requirements" tabindex="-1">
<button class="big solid">Build instructions</button>
</a>
</div>
<div class="preview">
<img class="big" src="https://via.placeholder.com/1280x900" alt="Placeholder Image">
<img class="icon" style="right: -2vw; top: -3vh; animation-delay: 2s;" src="/assets/depthboot-icon.png">
</div>
</section>

<small>
hi milky
</small>

<footer>
&copy; 2024 The Eupnea Project
</footer>
</template>

<style scoped>
@import url(style/homepage.css);
</style>
27 changes: 27 additions & 0 deletions docs/extra/old-page.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,27 @@
---
prev: false
next: false

title: Old Page
---

<template>
<OldPage />
</template>

<script setup>
import OldPage from "/components/Oldpage.vue";
import Chevron from "/components/Chevron.vue";
</script>

<style scoped>
@import url(/components/style/homepage.css);
</style>

## Old Page

This page has info regarding the old Eupnea website page.

It's in `/components/Oldpage.vue` on the repo, although cannot be rendered, as it's a `.vue`, not an `.md` or `.html` file, which can be rendered. The reason the homepage can be used is because it's an html template for the homepage.

However, I'm sure you(yes you Apacelus) can create an HTML file and import the CSS along with it. Though I wouldn't want to try something like that, it's not how the rest of the site is...
Binary file added public/assets/coreboot-icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/assets/fyra-labs.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit d350fa3

Please sign in to comment.