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 {
|
||||
width: 900px;
|
||||
margin: auto;
|
||||
|
|
@ -157,3 +159,20 @@ footer p {
|
|||
max-width: 100%;
|
||||
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