kobold.cafe/kobold.city-old
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

fix: ajout d'une navigation

Browse source
This commit is contained in:
Kazhnuz 2020-12-30 11:13:04 +01:00
parent 77c635cdf4
commit bbdb118501
2 changed files with 34 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
static/index.html
View file

@ -51,8 +51,7 @@
<section class="container"> <section class="container">
<div class="row"> <div class="row">
<main class="col-md-12"> <div class="col-md-12">
<h1><i class="fa fa-star"></i> Bienvenue sur Kobold City !</h1> <h1><i class="fa fa-star"></i> Bienvenue sur Kobold City !</h1>
<div class="card card-dark" id="welcome"> <div class="card card-dark" id="welcome">
@ -61,8 +60,26 @@
<p>Faites juste attention aux kobolds qui font des bétises partout !</p> <p>Faites juste attention aux kobolds qui font des bétises partout !</p>
</div> </div>
</div> </div>
</div>
<aside class="col-md-4">
<div class="card card-blue" id="welcome">
<div class="card-header"><i class="fa fa-list"></i> Navigation</div>
<div class="list-group list-group-flush">
<a href="#projets" class="list-group-item list-group-item-action">
<i class="fa fa-folder"></i> Projets
</a>
<a href="#services" class="list-group-item list-group-item-action">
<i class="fa fa-server"></i> Services
</a>
<a href="#hergement" class="list-group-item list-group-item-action">
<i class="fa fa-globe"></i> Sites hébergés
</a>
<h2><i class="fa fa-folder"></i> Projets</h2> </div>
</div>
</aside>
<main class="col-md-8">
<h2 id="projets"><i class="fa fa-folder"></i> Projets</h2>
<div class="row site-cards"> <div class="row site-cards">
<script> <script>
renderSite({title: "Birb", description: "Un petit moteur de jeu utilisant le framework Löve.", color: "dark", url: "https://git.chlore.net/game-project/birb-engine", urlpoweredby: "https://love2D.org/", poweredby: "Löve"}); renderSite({title: "Birb", description: "Un petit moteur de jeu utilisant le framework Löve.", color: "dark", url: "https://git.chlore.net/game-project/birb-engine", urlpoweredby: "https://love2D.org/", poweredby: "Löve"});
@ -70,7 +87,7 @@
</script> </script>
</div> </div>
<h2><i class="fa fa-server"></i> Services</h2> <h2 id="services"><i class="fa fa-server"></i> Services</h2>
<div class="row site-cards"> <div class="row site-cards">
<script> <script>
renderSite({title: "Kobold Cafe", description: "Un espace personnel, permettant un petit bout de décentralisation.", color: "orange", url: "https://kobold.cafe", urlpoweredby: "https://yunohost.org", poweredby: "yunohost"}); renderSite({title: "Kobold Cafe", description: "Un espace personnel, permettant un petit bout de décentralisation.", color: "orange", url: "https://kobold.cafe", urlpoweredby: "https://yunohost.org", poweredby: "yunohost"});
@ -78,7 +95,7 @@
</script> </script>
</div> </div>
<h2><i class="fa fa-globe"></i> Sites hébergés</h2> <h2 id="hergement"><i class="fa fa-globe"></i> Sites hébergés</h2>
<div class="row site-cards"> <div class="row site-cards">
<script> <script>
renderSite({title: "Quarante-douze", description: "Un blog qui parle d'informatique, de culture libre et d'internet.", color: "red", url: "https://quarante-douze.net", urlpoweredby: "https://wordpress.org/", poweredby: "Wordpress"}); renderSite({title: "Quarante-douze", description: "Un blog qui parle d'informatique, de culture libre et d'internet.", color: "red", url: "https://quarante-douze.net", urlpoweredby: "https://wordpress.org/", poweredby: "Wordpress"});

2
static/site.js
View file

@ -1,4 +1,4 @@
let template = "<div class='col-md-4'><div class='card card-<%= color %> mb-4 box-shadow card-border'><div class='card-body'><h4 class='align-center'><%= title %></h4><p class='card-text'><%= description %></p><div class='align-center'><div class='btn-group'><a type='button' href='<%= url %>' class='btn btn-<%= color %>'>Accéder</a></div><div><p class='powered-text'>powered by <a href='<%= urlpoweredby %>'><%= poweredby %></a></p></div></div></div></div></div>" let template = "<div class='col-md-6'><div class='card card-<%= color %> mb-4 box-shadow card-border'><div class='card-body'><h4 class='align-center'><%= title %></h4><p class='card-text'><%= description %></p><div class='align-center'><div class='btn-group'><a type='button' href='<%= url %>' class='btn btn-<%= color %>'>Accéder</a></div><div><p class='powered-text'>powered by <a href='<%= urlpoweredby %>'><%= poweredby %></a></p></div></div></div></div></div>"
function renderSite(data) { function renderSite(data) {
html = ejs.render(template, data); html = ejs.render(template, data);