[SC64][WEB] Add BOM directly on the website

This commit is contained in:
Mateusz Faderewski 2024-05-05 16:03:06 +02:00
parent 9599db8307
commit 5854b4ec0d
5 changed files with 59 additions and 1 deletions

View File

@ -147,6 +147,9 @@ jobs:
- name: Download SummerCart64 repository
uses: actions/checkout@v4
- name: Copy BOM file to the website folder
run: cp ./hw/pcb/sc64v2_bom.html ./web
- name: Setup GitHub pages
uses: actions/configure-pages@v4

46
web/bom.html Normal file
View File

@ -0,0 +1,46 @@
<!DOCTYPE html>
<html>
<head>
<title>SummerCart64 - Bill of materials</title>
<meta property="og:title" content="SummerCart64 - Bill of materials" />
<meta property="og:description" content="SummerCart64 - a fully open source N64 flashcart" />
<meta property="og:url" content="https://summercart64.dev/bom.html" />
<meta property="og:image" content="https://summercart64.dev/sc64-embed.png" />
<meta property="og:type" content="website" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" href="favicon.svg" sizes="any" type="image/svg+xml">
<link rel="stylesheet" href="./styles.css">
<script src="./script.js"></script>
</head>
<body>
<div class="menu-container">
<div class="menu-bar">
<div class="menu-buttons">
<a href="/"><img src="sc64.svg"></a>
<div class="menu-button" onclick="showMenu(event)">
<div class="menu-button-line"></div>
<div class="menu-button-line"></div>
<div class="menu-button-line"></div>
</div>
</div>
<menu class="mobile-hidden">
<li><a href="/">Home</a></li>
<li><a href="/features.html">Features</a></li>
<li><a href="https://menu.summercart64.dev">Menu</a></li>
<li><a href="https://github.com/Polprzewodnikowy/SummerCart64/releases/latest">Downloads</a></li>
<li class="active"><a href="/bom.html">Bill of materials</a></li>
<li><a href="https://github.com/Polprzewodnikowy/SummerCart64">GitHub</a></li>
</menu>
</div>
</div>
<iframe class="bom" src="/sc64v2_bom.html"></iframe>
<footer>
<span>© 2020 - 2024 <a href="https://mateuszfaderewski.pl">Mateusz Faderewski</a></span>
</footer>
</body>
</html>

View File

@ -30,6 +30,7 @@
<li class="active"><a href="/features.html">Features</a></li>
<li><a href="https://menu.summercart64.dev">Menu</a></li>
<li><a href="https://github.com/Polprzewodnikowy/SummerCart64/releases/latest">Downloads</a></li>
<li><a href="/bom.html">Bill of materials</a></li>
<li><a href="https://github.com/Polprzewodnikowy/SummerCart64">GitHub</a></li>
</menu>
</div>

View File

@ -30,6 +30,7 @@
<li><a href="/features.html">Features</a></li>
<li><a href="https://menu.summercart64.dev">Menu</a></li>
<li><a href="https://github.com/Polprzewodnikowy/SummerCart64/releases/latest">Downloads</a></li>
<li><a href="/bom.html">Bill of materials</a></li>
<li><a href="https://github.com/Polprzewodnikowy/SummerCart64">GitHub</a></li>
</menu>
</div>

View File

@ -123,7 +123,7 @@ a:hover {
font-weight: 600;
}
@media only screen and (max-width: 768px) {
@media only screen and (max-width: 800px) {
.menu-bar {
flex-flow: row wrap;
margin: 0;
@ -255,6 +255,13 @@ main .separator {
margin: var(--main-separator-margin) 0;
}
iframe.bom {
display: flex;
flex-grow: 1;
margin-top: var(--menu-height);
border: none;
}
footer {
display: flex;
flex-flow: column;