recycled.cloud/en/page-template.sh

112 lines
4.8 KiB
Bash
Executable File

#!/bin/sh
# Most general template template for nyll.
CURRENT_PAGE=$(echo "$1" | cut -d. -f 1)
LOCALE="en"
if_page () {
if [ "$CURRENT_PAGE" = "$1" ]; then
echo "$2"
fi
}
get_url () {
echo "/${LOCALE:?}/$1.html"
}
cat << EOF
<!DOCTYPE html>
<html lang="en" manifest="app_cache.appache">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>${TITLE:?}</title>
<link rel="stylesheet" href="/assets/main.css">
<link rel="stylesheet" href="/assets/robel.css">
<link rel="icon" type="image/RecycledCloudLogo" href="/assets/Recycledcloud-02.svg">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap">
<meta name="keywords" content="green, hosting, eco-friendly, vps, cloud, server, swiss, IT, ecological, low-carbon, recycled, ethical">
<script defer data-domain="recycled.cloud" src="https://plausible.io/js/script.js"></script>
</head>
<body id="Home">
<header class="Flex-Container_01">
<nav class="Flex-Container_02">
<a href="index.html" class="logo_01">
<img id="logo_01" src="/assets/RecycledCloudLogo-01.svg" alt="Recycled Clourd logo">
</a>
<input id="nav-toggle" type="checkbox">
<input id="nav-toggle_1" type="checkbox">
<ul class="topnav-links">
<li class="nav-item"><a href="$(get_url index)" class="$(if_page index active)"><span>Home</span></a></li>
<li class="nav-item"><a href="$(get_url backup)" class="$(if_page backup active)"><span>Backup</span></a></li>
<li class="nav-item"><a href="$(get_url virtual-machine)" class="$(if_page virtual-machine active)"><span>Virtual Machines</span></a></li>
<li class="nav-item" class="$(if_page manifesto active)">
<a href="$(get_url manifesto)"><span>Manifesto</span></a>
</li>
<li class="nav-item">
<a href="$(get_url become-client)" style="color: #043975">
<span>Become Client</span>
</a>
</li>
<ul id="language_bar">
<li class="nav-item PL_20"><a href="/en/" class="active-1"><span>EN</span></a></li>
<li class="nav-item nav-item2"><a href="#"><span>|</span></a></li>
<li class="nav-item nav-item2"><a href="/fr/"><span>FR</span></a></li>
</ul>
</ul>
<label for="nav-toggle" class="icon-burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</label>
</nav>
</header>
<main>
$(cat "$1")
</main>
<footer>
<section class="Flex-Container_12">
<div class="Flex-Container_12_1">
<div class="Flex-item_18">
<a href="https://e-durable.ch/" target="_blank">
<img id="logo_09" src="/assets/e-Durable_logo_notagline_full_color.svg" alt="e-Durable logo">
</a>
<p class="Flex-item_18_01">Chemin du Vernay 14a</p>
<p class="Flex-item_18_01">1196 Gland, Switzerland </p>
<p class="Flex-item_18_01"><a href="tel:+41 22 566 78 58" class="Flex-item_15" style="text-decoration: none !important">+41 22 566 78 58</a>
</p>
</div>
<div>
<div class="Flex-item_19 MT_60 ">
<ul style="text-decoration:underline !important;">
<li class="Flex-item_20"><a href="$(get_url index)">Home</a></li>
<li class="Flex-item_20"><a href="$(get_url backup)">Backup</a></li>
<li class="Flex-item_20"><a href="$(get_url virtual-machine)">Virtual Machines</a></li>
<li class="Flex-item_20"><a href="$(get_url manifesto)">Manifesto</a></li>
<li class="Flex-item_20"><a href="$(get_url become-client)">Become Client</a></li>
</ul>
</div>
</div>
</div>
<div>
<a href="https://www.linkedin.com/showcase/recycled-cloud" target="_blank">
<img id="logo_10" class="MT_80" src="/assets/Linkdin_icon.svg" alt="Linkdin logo">
</a>
</div>
</section>
<div class="Flex-Container_13 flex">
<a href="$(get_url privacy-policy)">
<p class="Flex-item_21 MT_40">Conditions d'Utilisation & politique de confidentialité</p>
</a>
<p class="Flex-item_22 MT_40">&copy;Copyright by e-Durable SA</p>
</div>
</footer>
</body>
</html>
EOF