Deploy nyll-ish project structure, base services and contact pages
This commit is contained in:
Timothée Floure
parent
03cf19af63
commit
26a57aeff1
GPG key ID:
4502C902C00A1E12
9 changed files with 318 additions and 195 deletions
31
Makefile
Normal file
31
Makefile
Normal file
|
|
@ -0,0 +1,31 @@
|
||||||
|
# Stuff for make to work make magic.
|
||||||
|
.DEFAULT: all
|
||||||
|
.SUFFIXES: .part .html
|
||||||
|
.PHONY: all
|
||||||
|
.EXPORT_ALL_VARIABLES:
|
||||||
|
|
||||||
|
BASE_TITLE = Recycled Cloud
|
||||||
|
PAGES = index.html services.html manifesto.html contact.html
|
||||||
|
BLOBS = assets/
|
||||||
|
|
||||||
|
# Default target.
|
||||||
|
all: $(PAGES)
|
||||||
|
|
||||||
|
clean:
|
||||||
|
rm -rf $(PAGES)
|
||||||
|
|
||||||
|
# If you built it, flaunt it!
|
||||||
|
deploy: $(PAGES) $(BLOBS)
|
||||||
|
./deploy.sh $^
|
||||||
|
|
||||||
|
.part.html:
|
||||||
|
./page-template.sh $+ > $@
|
||||||
|
|
||||||
|
# Setup some common dependencies so updating targets work.
|
||||||
|
$(PAGES): page-template.sh assets
|
||||||
|
|
||||||
|
# Modify variables ?
|
||||||
|
index.html: TITLE = "$(BASE_TITLE) | Home"
|
||||||
|
services.html: TITLE = "$(BASE_TITLE) | Services"
|
||||||
|
manifesto.html: TITLE = "$(BASE_TITLE) | Manifesto"
|
||||||
|
contact.html: TITLE = "$(BASE_TITLE) | Contact"
|
||||||
6
README.md
Normal file
6
README.md
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
# Recycled Cloud Website
|
||||||
|
|
||||||
|
Static website generated with [Nyll](https://git.sr.ht/~sparrowhawk/nyll). Depends on:
|
||||||
|
|
||||||
|
* `make`
|
||||||
|
* `sh`
|
||||||
|
|
@ -1,3 +1,5 @@
|
||||||
|
/* FIXME: this file needs some cleanup */
|
||||||
|
|
||||||
body {
|
body {
|
||||||
width: 900px;
|
width: 900px;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
|
@ -157,3 +159,20 @@ footer p {
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
max-height: 60px;
|
max-height: 60px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.contact-leftpane {
|
||||||
|
background-color: #015659;
|
||||||
|
color: white;
|
||||||
|
padding-left: 50px;
|
||||||
|
padding-top: 20px;
|
||||||
|
padding-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.contact-rightpane h2, .h2-blue h2 {
|
||||||
|
color: #003366;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
background-image: linear-gradient(to right, #003366, #5d0066);
|
||||||
|
height: 2px;
|
||||||
|
}
|
||||||
|
|
|
||||||
25
contact.part
Normal file
25
contact.part
Normal file
|
|
@ -0,0 +1,25 @@
|
||||||
|
<div class="container content-container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col contact-leftpane">
|
||||||
|
<h2>We'd be happy to hear from you...</h1>
|
||||||
|
<p>a question, feedback, lunch invitation or anything you see fit. We're
|
||||||
|
human, but do out best to reply within two working days.</p>
|
||||||
|
|
||||||
|
<h2>Or reach out in a traditional way</h2>
|
||||||
|
<p>
|
||||||
|
e-Durable SA<br />
|
||||||
|
Domaine des Pins C<br />
|
||||||
|
1196 Gland<br />
|
||||||
|
Switzerland<br />
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
$PHONE<br />
|
||||||
|
$MAIL
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col contact-rightpane">
|
||||||
|
<h2>Send a message</h2>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
195
index.html
195
index.html
|
|
@ -1,195 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
||||||
<title>Recycled Cloud</title>
|
|
||||||
<link rel="stylesheet" href="assets/css/bootstrap-reboot.min.css">
|
|
||||||
<link rel="stylesheet" href="assets/css/bootstrap-grid.min.css">
|
|
||||||
<link rel="stylesheet" href="assets/css/main.css">
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<div id="section-nav">
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-4">
|
|
||||||
<img src="assets/images/logo.png" id="nav-logo" />
|
|
||||||
</div>
|
|
||||||
<div class="col-6">
|
|
||||||
<nav>
|
|
||||||
<a href="/" class="nav-current">Home</a>
|
|
||||||
<a href="">Services</a>
|
|
||||||
<a href="">Manifesto</a>
|
|
||||||
<a href="">Contact</a>
|
|
||||||
</nav>
|
|
||||||
</div>
|
|
||||||
<div class="col-2">
|
|
||||||
<a href="/" class="nav-current">EN</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="section-hero">
|
|
||||||
<h1>Local and recycled cloud services.</h1>
|
|
||||||
<p>Swiss-based and as sustainable as we can.</p>
|
|
||||||
|
|
||||||
<a href="/manifesto.html" class="btn btn-bold">Read our Manifesto</a>
|
|
||||||
</div>
|
|
||||||
<div id="section-services">
|
|
||||||
<h2>Solutions for your projects</h2>
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col">
|
|
||||||
<img src="assets/images/web.svg" class="service-logo" />
|
|
||||||
<h3>Web Hosting</h3>
|
|
||||||
|
|
||||||
<p class="service-description">
|
|
||||||
Low-footprint, static website hosting. Wordpress and generic PHP hosting.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<a href="/manifesto.html" class="btn btn-bold">Learn more</a>
|
|
||||||
</div>
|
|
||||||
<div class="col">
|
|
||||||
<img src="assets/images/nas.svg" class="service-logo" />
|
|
||||||
<h3>Storage</h3>
|
|
||||||
|
|
||||||
<p class="service-description">Borg based backup service or file sharing with NextCloud.</p>
|
|
||||||
|
|
||||||
<a href="/manifesto.html" class="btn btn-bold">Learn more</a>
|
|
||||||
</div>
|
|
||||||
<div class="col">
|
|
||||||
<img src="assets/images/server.svg" class="service-logo" />
|
|
||||||
<h3>Generic Hosting</h3>
|
|
||||||
|
|
||||||
<p class="service-description">KVM virtual machines, running either one of our images or your
|
|
||||||
own.</p>
|
|
||||||
|
|
||||||
<a href="/manifesto.html" class="btn btn-bold">Learn more</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="section-members">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col">
|
|
||||||
<h2>Members & Friends</h2>
|
|
||||||
<p>
|
|
||||||
We wish the Recycled Cloud to be backed by a multitude of small
|
|
||||||
organization, fighting against centralization and promoting a more
|
|
||||||
local and social IT.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="col">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col">
|
|
||||||
<div class="member-logo-container">
|
|
||||||
<img id="member-logo-edurable" src="assets/images/edurable-logo-black.svg" />
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<ul>
|
|
||||||
<li><a href="">IT Support</a></li>
|
|
||||||
<li><a href="">Project Management</a></li>
|
|
||||||
<li><a href="">Website Design</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
<div class="col">
|
|
||||||
<div class="member-logo-container">
|
|
||||||
<img id="member-logo-ungleich" src="assets/images/ungleich-logo-black.svg" />
|
|
||||||
</div>
|
|
||||||
<ul>
|
|
||||||
<li><a href="">Server Colocation</a></li>
|
|
||||||
<li><a href="">IPv6-Everywhere</a></li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="section-howcanyouhelp">
|
|
||||||
<h2>How can you help?</h2>
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col">
|
|
||||||
<h3>Donate unused hardware</h3>
|
|
||||||
<p>
|
|
||||||
... or make sure you don't buy new ones for no good reason!
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="col">
|
|
||||||
<h3>Spread the word!</h3>
|
|
||||||
<p>
|
|
||||||
We still have spare resources in our current infrastructure.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
<div class="col">
|
|
||||||
<h3>Join the federation!</h3>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
We would gladly welcome new member organizations, helping them
|
|
||||||
helping us running the infrastructure running our Cloud.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="section-contact">
|
|
||||||
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-9">
|
|
||||||
<h2>Interested? Reach out to our team!</h2>
|
|
||||||
</div>
|
|
||||||
<div class="col-3">
|
|
||||||
<a href="/contact.html" class="btn btn-bold">Contact us</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="section-tech">
|
|
||||||
<h2>Tech Stack</h2>
|
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-6">
|
|
||||||
<p>
|
|
||||||
The technical documentation of the Recycled Cloud is
|
|
||||||
public and available under an open license. We build
|
|
||||||
atop Free/Libre and Open Source Software in the most
|
|
||||||
open way we can find: there's no value in keeping it
|
|
||||||
for ourselves.
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
We are grateful for the many existing projects we use as building
|
|
||||||
blocks, and contribute back as much as we can.
|
|
||||||
</p>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
<a href="https://wiki.recycled.cloud/recycled_cloud/home">Technical Documentation</a>
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!--
|
|
||||||
<div class="tech-logo-row">
|
|
||||||
<img class="tech-logo" src="assets/images/alpine-logo.svg" />
|
|
||||||
<img class="tech-logo" src="assets/images/debian-logo.png" />
|
|
||||||
<img class="tech-logo" src="assets/images/cdist-logo.jpeg" />
|
|
||||||
<img class="tech-logo" src="assets/images/opennebula-logo.png" />
|
|
||||||
<img class="tech-logo" src="assets/images/ceph-logo.png" />
|
|
||||||
</div>
|
|
||||||
-->
|
|
||||||
</div>
|
|
||||||
<footer>
|
|
||||||
<div class="container">
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-5">
|
|
||||||
<p><a href="/terms">Terms of Usage & Privacy Policy</a></p>
|
|
||||||
</div>
|
|
||||||
<div class="col-7">
|
|
||||||
<p>CC-BY e-Durable SA | <a href="e-durable.ch">More about e-Durable SA<a/></p>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</footer>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
150
index.part
Normal file
150
index.part
Normal file
|
|
@ -0,0 +1,150 @@
|
||||||
|
<div id="section-hero">
|
||||||
|
<h1>Local and recycled cloud services.</h1>
|
||||||
|
<p>Swiss-based and as sustainable as we can.</p>
|
||||||
|
|
||||||
|
<a href="/manifesto.html" class="btn btn-bold">Read our Manifesto</a>
|
||||||
|
</div>
|
||||||
|
<div id="section-services">
|
||||||
|
<h2>Solutions for your projects</h2>
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col">
|
||||||
|
<img src="assets/images/web.svg" class="service-logo" />
|
||||||
|
<h3>Web Hosting</h3>
|
||||||
|
|
||||||
|
<p class="service-description">
|
||||||
|
Low-footprint, static website hosting. Wordpress and generic PHP hosting.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<a href="/manifesto.html" class="btn btn-bold">Learn more</a>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<img src="assets/images/nas.svg" class="service-logo" />
|
||||||
|
<h3>Storage</h3>
|
||||||
|
|
||||||
|
<p class="service-description">Borg based backup service or file sharing with NextCloud.</p>
|
||||||
|
|
||||||
|
<a href="/manifesto.html" class="btn btn-bold">Learn more</a>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<img src="assets/images/server.svg" class="service-logo" />
|
||||||
|
<h3>Generic Hosting</h3>
|
||||||
|
|
||||||
|
<p class="service-description">KVM virtual machines, running either one of our images or your
|
||||||
|
own.</p>
|
||||||
|
|
||||||
|
<a href="/manifesto.html" class="btn btn-bold">Learn more</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="section-members">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col">
|
||||||
|
<h2>Members & Friends</h2>
|
||||||
|
<p>
|
||||||
|
We wish the Recycled Cloud to be backed by a multitude of small
|
||||||
|
organization, fighting against centralization and promoting a more
|
||||||
|
local and social IT.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col">
|
||||||
|
<div class="member-logo-container">
|
||||||
|
<img id="member-logo-edurable" src="assets/images/edurable-logo-black.svg" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul>
|
||||||
|
<li><a href="">IT Support</a></li>
|
||||||
|
<li><a href="">Project Management</a></li>
|
||||||
|
<li><a href="">Website Design</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<div class="member-logo-container">
|
||||||
|
<img id="member-logo-ungleich" src="assets/images/ungleich-logo-black.svg" />
|
||||||
|
</div>
|
||||||
|
<ul>
|
||||||
|
<li><a href="">Server Colocation</a></li>
|
||||||
|
<li><a href="">IPv6-Everywhere</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="section-howcanyouhelp">
|
||||||
|
<h2>How can you help?</h2>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col">
|
||||||
|
<h3>Donate unused hardware</h3>
|
||||||
|
<p>
|
||||||
|
... or make sure you don't buy new ones for no good reason!
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<h3>Spread the word!</h3>
|
||||||
|
<p>
|
||||||
|
We still have spare resources in our current infrastructure.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
|
<h3>Join the federation!</h3>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
We would gladly welcome new member organizations, helping them
|
||||||
|
helping us running the infrastructure running our Cloud.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="section-contact">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-9">
|
||||||
|
<h2>Interested? Reach out to our team!</h2>
|
||||||
|
</div>
|
||||||
|
<div class="col-3">
|
||||||
|
<a href="contact.html" class="btn btn-bold">Contact us</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="section-tech">
|
||||||
|
<h2>Tech Stack</h2>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-6">
|
||||||
|
<p>
|
||||||
|
The technical documentation of the Recycled Cloud is
|
||||||
|
public and available under an open license. We build
|
||||||
|
atop Free/Libre and Open Source Software in the most
|
||||||
|
open way we can find: there's no value in keeping it
|
||||||
|
for ourselves.
|
||||||
|
</p>
|
||||||
|
<p>
|
||||||
|
We are grateful for the many existing projects we use as building
|
||||||
|
blocks, and contribute back as much as we can.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<a href="https://wiki.recycled.cloud/recycled_cloud/home">Technical Documentation</a>
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!--
|
||||||
|
<div class="tech-logo-row">
|
||||||
|
<img class="tech-logo" src="assets/images/alpine-logo.svg" />
|
||||||
|
<img class="tech-logo" src="assets/images/debian-logo.png" />
|
||||||
|
<img class="tech-logo" src="assets/images/cdist-logo.jpeg" />
|
||||||
|
<img class="tech-logo" src="assets/images/opennebula-logo.png" />
|
||||||
|
<img class="tech-logo" src="assets/images/ceph-logo.png" />
|
||||||
|
</div>
|
||||||
|
-->
|
||||||
|
</div>
|
||||||
0
manifesto.part
Normal file
0
manifesto.part
Normal file
58
page-template.sh
Executable file
58
page-template.sh
Executable file
|
|
@ -0,0 +1,58 @@
|
||||||
|
#!/bin/sh
|
||||||
|
# Most general template template for nyll.
|
||||||
|
|
||||||
|
CURRENT_PAGE=$(echo "$1" | cut -d. -f 1)
|
||||||
|
|
||||||
|
if_page () {
|
||||||
|
if [ "$CURRENT_PAGE" = "$1" ]; then
|
||||||
|
echo "$2"
|
||||||
|
fi
|
||||||
|
}
|
||||||
|
|
||||||
|
cat << EOF
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||||
|
<title>${TITLE:?}</title>
|
||||||
|
<link rel="stylesheet" href="assets/css/bootstrap-reboot.min.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/bootstrap-grid.min.css">
|
||||||
|
<link rel="stylesheet" href="assets/css/main.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="section-nav">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-4">
|
||||||
|
<img src="assets/images/logo.png" id="nav-logo" />
|
||||||
|
</div>
|
||||||
|
<div class="col-6">
|
||||||
|
<nav>
|
||||||
|
<a href="index.html" class="$(if_page index nav-current)">Home</a>
|
||||||
|
<a href="services.html" class="$(if_page services nav-current)">Services</a>
|
||||||
|
<a href="manifesto.html" class="$(if_page manifesto nav-current)">Manifesto</a>
|
||||||
|
<a href="contact.html" class="$(if_page contact nav-current)">Contact</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
<div class="col-2">
|
||||||
|
<a href="/" class="nav-current">EN</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
$(cat "$1")
|
||||||
|
<footer>
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-5">
|
||||||
|
<p><a href="/terms">Terms of Usage & Privacy Policy</a></p>
|
||||||
|
</div>
|
||||||
|
<div class="col-7">
|
||||||
|
<p>CC-BY e-Durable SA | <a href="https://e-durable.ch">More about e-Durable SA<a/></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
EOF
|
||||||
29
services.part
Normal file
29
services.part
Normal file
|
|
@ -0,0 +1,29 @@
|
||||||
|
<div id="section-hero">
|
||||||
|
<h1>Services</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="h2-blue">
|
||||||
|
<img src="assets/images/web.svg" class="service-logo" />
|
||||||
|
<h2>Web Hosting - Static, Wordpress, Generic</h2>
|
||||||
|
<hr />
|
||||||
|
|
||||||
|
<img src="assets/images/nas.svg" class="service-logo" />
|
||||||
|
<h2>Storage - Backup and file sharing</h2>
|
||||||
|
<hr />
|
||||||
|
|
||||||
|
<img src="assets/images/server.svg" class="service-logo" />
|
||||||
|
<h2>Generic Hosting - Virtual Machines</h2>
|
||||||
|
<hr />
|
||||||
|
</div>
|
||||||
|
<div id="section-contact">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-9">
|
||||||
|
<h2>Interested? Reach out to our team!</h2>
|
||||||
|
</div>
|
||||||
|
<div class="col-3">
|
||||||
|
<a href="contact.html" class="btn btn-bold">Contact us</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
Loading…
Reference in a new issue