Skip to content

Commit

Permalink
rewrite with Vite+Vue+Bootstrap5
Browse files Browse the repository at this point in the history
  • Loading branch information
goneri committed Nov 4, 2024
1 parent adff16c commit 2b3630a
Show file tree
Hide file tree
Showing 17 changed files with 2,543 additions and 139 deletions.
51 changes: 51 additions & 0 deletions .github/workflows/deploy.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
# Simple workflow for deploying static content to GitHub Pages
name: Deploy static content to Pages

on:
# Runs on pushes targeting the default branch
push:
branches: ['testing']

# Allows you to run this workflow manually from the Actions tab
workflow_dispatch:

# Sets the GITHUB_TOKEN permissions to allow deployment to GitHub Pages
permissions:
contents: read
pages: write
id-token: write

# Allow one concurrent deployment
concurrency:
group: 'pages'
cancel-in-progress: true

jobs:
# Single deploy job since we're just deploying
deploy:
environment:
name: github-pages
url: ${{ steps.deployment.outputs.page_url }}
runs-on: ubuntu-latest
steps:
- name: Checkout
uses: actions/checkout@v3
- name: Set up Node
uses: actions/setup-node@v3
with:
node-version: 18
cache: 'npm'
- name: Install dependencies
run: npm install
- name: Build
run: npm run build
- name: Setup Pages
uses: actions/configure-pages@v3
- name: Upload artifact
uses: actions/upload-pages-artifact@v1
with:
# Upload dist repository
path: './dist'
- name: Deploy to GitHub Pages
id: deployment
uses: actions/deploy-pages@v1
3 changes: 1 addition & 2 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,8 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vite + Vue + TS</title>
<title>Get your BSD Images for the Cloud!</title>
</head>
<body>
<div id="app"></div>
Expand Down
5 changes: 5 additions & 0 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,15 @@
"preview": "vite preview"
},
"dependencies": {
"@popperjs/core": "^2.11.8",
"bootstrap": "^5.3.3",
"random-word-generator-npm": "^2.0.1",
"vue": "^3.5.12"
},
"devDependencies": {
"@vitejs/plugin-vue": "^5.1.4",
"prettier": "3.3.3",
"sass": "^1.80.5",
"typescript": "~5.6.2",
"vite": "^5.4.10",
"vue-tsc": "^2.1.8"
Expand Down
126 changes: 117 additions & 9 deletions src/App.vue
Original file line number Diff line number Diff line change
@@ -1,17 +1,125 @@
<script setup lang="ts">
import HelloWorld from './components/HelloWorld.vue'
import OperatingSystem from "./components/OperatingSystem.vue";
import images_data from "./images_data.json";
</script>

<template>
<div>
<a href="https://vite.dev" target="_blank">
<img src="/vite.svg" class="logo" alt="Vite logo" />
</a>
<a href="https://vuejs.org/" target="_blank">
<img src="./assets/vue.svg" class="logo vue" alt="Vue logo" />
</a>
<nav class="navbar navbar-dark bg-dark">
<div class="container-fluid">
<button
class="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarToggleExternalContent"
aria-controls="navbarToggleExternalContent"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
</div>
</nav>


<div class="collapse" id="navbarToggleExternalContent">
<div class="bg-dark p-4">
<h5 class="text-white h4">About</h5>
<p class="text-white">
All the images come with a single root partition, and use UFS/FFS
filesystem.
</p>
<p class="text-white">
NetBSD will resize the root partition during the first boot.
</p>
<p class="text-white">
OpenBSD is provided with a script
(<code>/root/bin/create_partitions.sh</code>) to adapt the partition
layout after the first boot. The games and X server sets are not
installed to keep the image minimal.
</p>
<p class="text-white">
In order to be consistent with Cloud-Init, sudo is enabled by default.
On OpenBSD, doas is still available and just need to be configured.
</p>
<p class="text-white">
Finally, the serial console is enabled by default.
</p>
<p class="text-white">
This images use Cloud-Init master, which supports NetBSD and OpenBSD,
see:
<a href="https://github.com/canonical/cloud-init/pull/62">#62</a>,
<a href="https://github.com/canonical/cloud-init/pull/147">#147</a>.
</p>
<p class="text-white">
The scripts used to build the images are listed below:
</p>
<ul class="text-muted">
<li>
<a href="https://github.com/virt-lightning/freebsd-cloud-images"
>FreeBSD</a
>
</li>
<li>
<a href="https://github.com/virt-lightning/netbsd-cloud-images"
>NetBSD</a
>
</li>
<li>
<a href="https://github.com/hcartiaux/openbsd-cloud-image">OpenBSD</a>
</li>
</ul>
</div>
<div class="col-sm-4 offset-md-1 py-4">
<h4 class="text-white">Contact</h4>
<ul class="list-unstyled">
<li>
<a
href="https://github.com/goneri/bsd-cloud-image.org"
class="text-white"
>Github</a
>
</li>
<li>
<a href="https://goneri.lebouder.net" class="text-white">Blog</a>
</li>
<li>
<a
href="https://matrix.to/#/!gYnpTfoEbtxPJvFlgC:matrix.org?via=matrix.org&via=bsd.cafe"
class="text-white"
>Matrix</a
>
</li>
<li>
<a href="mailto:[email protected]" class="text-white">Email</a>
</li>
</ul>
</div>
</div>
<HelloWorld msg="Vite + Vue" />
<main role="main">
<section class="jumbotron text-center">
<div class="container">
<h1>A collection of prebuilt BSD cloud images</h1>
<p class="lead text-muted">
These unofficial images are tested on OpenStack and NoCloud (<a
href="https://virt-lightning.org"
>with Virt-Lightning</a
>). They come with
<a href="https://cloudinit.readthedocs.io/en/latest/">Cloud-init</a>,
and so they should support all the main Cloud providers.
</p>
</div>
</section>

<div class="album py-5 bg-light">
<div class="container">
<OperatingSystem
v-for="(os_data, os_name) in images_data"
:os_name
:os_data
/>
</div>
</div>
</main>
</template>

<style scoped>
Expand Down
94 changes: 94 additions & 0 deletions src/assets/dragonflybsd.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 2b3630a

Please sign in to comment.