Chapril/forge.chapril.org-custom
Chapril/forge.chapril.org-custom
25
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Personnalisation du template home.tmpl

Browse Source
This commit is contained in:
Pierre-Louis Bonicoli 2023-07-31 00:33:12 +02:00
parent 2ff1c85691
commit b9120abf0c
Signed by: pilou
GPG Key ID: 06914C4A5EDAA6DD
1 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
templates/home.tmpl
View File

@ -1,49 +1,56 @@
{{template "base/head" .}} {{template "base/head" .}}
<style type="text/css">
.home .hero .svg {color: #1c79c5 !important;}
.ui.icon.header svg {width: 40px !important; height: 40px !important; display: inline !important; vertical-align: middle !important; margin-right: 5px;}
.hero {font-weight: bold !important;}
.full.height {padding-bottom : 10px !important; }
</style>
<div role="main" aria-label="{{if .IsSigned}}{{.locale.Tr "dashboard"}}{{else}}{{.locale.Tr "home"}}{{end}}" class="page-content home"> <div role="main" aria-label="{{if .IsSigned}}{{.locale.Tr "dashboard"}}{{else}}{{.locale.Tr "home"}}{{end}}" class="page-content home">
<div class="gt-mb-5 gt-px-5"> <div class="gt-mb-5 gt-px-5">
<div class="center"> <div class="center">
<img class="logo" width="220" height="220" src="{{AssetUrlPrefix}}/img/logo.svg" alt="{{.locale.Tr "logo"}}"> <img class="logo" width="220" height="136" src="{{StaticUrlPrefix}}/logo-forgechaprilorg.png" alt="{{.locale.Tr "logo"}}"/>
<div class="hero"> <div class="hero">
<h1 class="ui icon header title"> <h1 class="ui icon header title">
{{AppName}} {{AppName}}
</h1> </h1>
<h2>{{.locale.Tr "startpage.app_desc"}}</h2> <h2>Plateforme collaborative de contributions libres.</h2>
</div> </div>
</div> </div>
</div> </div>
<div class="ui stackable middle very relaxed page grid"> <div class="ui stackable middle very relaxed page grid">
<div class="eight wide center column"> <div class="eight wide center column">
<h1 class="hero ui icon header"> <h1 class="hero ui icon header">
{{svg "octicon-flame"}} {{.locale.Tr "startpage.install"}} {{svg "octicon-flame"}} Qui peut avoir un compte ?
</h1> </h1>
<p class="large"> <p class="large">
{{.locale.Tr "startpage.install_desc" | Str2html}} Tout le monde, cette instance est ouverte au public.
</p> </p>
</div> </div>
<div class="eight wide center column"> <div class="eight wide center column">
<h1 class="hero ui icon header"> <h1 class="hero ui icon header">
{{svg "octicon-device-desktop"}} {{.locale.Tr "startpage.platform"}} {{svg "octicon-device-desktop"}} Quels contenus sont acceptés ?
</h1> </h1>
<p class="large"> <p class="large">
{{.locale.Tr "startpage.platform_desc" | Str2html}} La forge Chapril accueille tout type de contenu tel que code source, documentation, graphique, artistique, littéraire, etc.
</p> </p>
</div> </div>
</div> </div>
<div class="ui stackable middle very relaxed page grid"> <div class="ui stackable middle very relaxed page grid">
<div class="eight wide center column"> <div class="eight wide center column">
<h1 class="hero ui icon header"> <h1 class="hero ui icon header">
{{svg "octicon-rocket"}} {{.locale.Tr "startpage.lightweight"}} {{svg "octicon-rocket"}} Comment créer un compte ?
</h1> </h1>
<p class="large"> <p class="large">
{{.locale.Tr "startpage.lightweight_desc" | Str2html}} La création de compte se fait par une procédure d'inscription classique.
</p> </p>
</div> </div>
<div class="eight wide center column"> <div class="eight wide center column">
<h1 class="hero ui icon header"> <h1 class="hero ui icon header">
{{svg "octicon-code"}} {{.locale.Tr "startpage.license"}} {{svg "octicon-code"}} Licences libres
</h1> </h1>
<p class="large"> <p class="large">
{{.locale.Tr "startpage.license_desc" | Str2html}} Tous les dépôts présents sur cette forge sont sous <b>licences libres</b>, au sens de la Free Software Foundation à l'exception des licences Creative Commons en ND ou NC qui sont exclues.<br/>
<a href="https://www.chapril.org/cgu.html#forgechaprilorg-cpu">Consulter les Conditions particulières d'utilisation</a>.
</p> </p>
</div> </div>
</div> </div>