110 lines
4.7 KiB
Bash
Executable file
110 lines
4.7 KiB
Bash
Executable file
#!/bin/sh
|
|
# Most general template template for nyll.
|
|
|
|
CURRENT_PAGE=$(echo "$1" | cut -d. -f 1)
|
|
LOCALE="fr"
|
|
|
|
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="écologique, greenwashing, hébergement, vert, vps, cloud, serveur, suisse, IT, recyclé, éthique">
|
|
</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>Accueil</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>Machines virtuelles</span></a></li>
|
|
<li class="nav-item" class="$(if_page manifesto active)">
|
|
<a href="$(get_url manifesto)"><span>Manifeste</span></a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a href="$(get_url become-client)" style="color: #043975">
|
|
<span>Devenir Client</span>
|
|
</a>
|
|
</li>
|
|
<ul id="language_bar">
|
|
<li class="nav-item PL_20"><a href="/en/"><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/" class="active-1"><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)">Accueil</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)">Machines virtuelles</a></li>
|
|
<li class="Flex-item_20"><a href="$(get_url manifesto)">Manifeste</a></li>
|
|
<li class="Flex-item_20"><a href="$(get_url become-client)">Devenir 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"> Terms of Usage & Privacy Policy</p>
|
|
</a>
|
|
<p class="Flex-item_22 MT_40">©Copyright by e-Durable SA</p>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|
|
EOF
|