Commit 88b3f106 authored by  JosephK's avatar JosephK
Browse files

Homepage base on Hugo + Bootstrap

parents
Pipeline #42708 failed with stages
in 14 seconds
/public/
\ No newline at end of file
image: hatsoftwares/hugo-vnu:latest
stages:
- validity-check
- deploy
validity-check:
stage: validity-check
script:
- hugo
- find public -name index.html | xargs java -jar /opt/dist/vnu.jar
pages:
stage: deploy
script:
- hugo -b "https://sense3.org/"
artifacts:
paths:
- public
only:
- master
Homepage of [sense3.org](https://sense3.org) based on [Hugo](https://gohugo.io/) and the [Hugo Bootstrap Premium](https://themes.gohugo.io/hugo-bootstrap-premium/) theme.
- texts are in the `content` folder.
- navbar content is defined in `config.toml`
- CSS are in `themes/hugo-bootstrap-premium/static/css/style.css`
- images are in `static`
To see your changes in action, run :
hugo server -D -b "http://localhost:1313/"
---
title: "{{ replace .TranslationBaseName "-" " " | title }}"
date: {{ .Date }}
draft: true
---
# hostname (and path) to the root eg. https://appernetic.github.io/
baseurl = "https://sense3.org/"
# Remark if you want to disable multilingual support.
DefaultContentLanguage = "en"
# If you want all of the languages to be put below their respective language code,
# enable DefaultContentLanguageInSubdir = true. Without enabling it english content
# will be in the root and other languages in their respective subfolder such as /sv/.
# See [Languages] settings at the end of this file.
DefaultContentLanguageInSubdir = true
# Use this languageCode if it's not a multilingual site and also remove all language blocks and menus in the language sections to disable multilingual support.
# language blocks.
# Language
#languageCode = "en"
# SES friendly url:s
canonifyurls = true
# Frontmatter format
# "yaml", "toml", "json"
metaDataFormat = "toml"
# Theme to use (located in /themes/THEMENAME/)
theme = "hugo-bootstrap-premium"
# Pagination
paginate = 10
paginatePath = "page"
# Enable Disqus integration
disqusShortname = "shortname"
[permalinks]
post = "/:year/:month/:day/:filename/"
code = "/:filename/"
[taxonomies]
tag = "tags"
topic = "topics"
[author]
name = "JosephK"
email = "josephk@framasoft.org"
#
# All parameters below here are optional and can be mixed and matched.
#
[params.theme]
name = "paper"
[params]
# menu for changing language. This changes languages with js and stores the choice with the help of JavaScript in a Cookie. Then the path is rewritten with pathnamereplace.js. The name of the md files needs to have the same name for each language abbreviation to work correctly. Example: showcase.en.md and showcase.sv.md. It only works if DefaultContentLanguageInSubdir = true
switchlang = true
# You can use markdown here.
BrandImage = "/brand.png"
brand = "Sense3"
topline = ""
footline = ""
customJS = []
customCSS = []
# Text for the top menu link, which goes to the root URL for the site.
# Default (if omitted) is "Home".
#home = ""
mailmunchid = "" # Mailmunch site id
sumomeid = "" # Sumome id
mathjax = "" # cdnjs hosted version; empty string to disable mathjax
# Show a sidebar menu
showRightSidebar = false
# Select a syntax highlight.
# Check the static/css/highlight directory for options.
highlight = "default"
# Google Analytics.
#googleAnalytics = "Your Google Analytics tracking code"
# Menus
# If you want active menu items highlighted for internal pages don't add them here, they need to be added in each files front matter.
# like this:
#[menu]
# [menu.main]
# name = "Showcase"
# weight = 3
# identifier = "showcase"
# i18n menus. A menu will be added for each language to the right in the top menu. This menu will switch to the selected language. Remember to add the corresponding language in pathnamereplace.js.
[[Languages.fr.menu.switchlang]]
name = "English"
identifier = ""
weight = 4
url = "en"
[[Languages.en.menu.switchlang]]
name = "Français"
identifier = ""
weight = 4
url = "fr"
[Languages]
[Languages.fr]
languageCode = "fr"
weight = 1
title = "Sense3"
[[Languages.fr.menu.main]]
name = "Soutenir"
weight = 3
identifier = ""
url = "https://framagit.org/josephk/sense3"
[[Languages.fr.menu.main]]
name = "Code source"
weight = 4
identifier = ""
url = "https://framagit.org/josephk/sense3"
[Languages.en]
languageCode = "en"
weight = 1
title = "Sense3"
[[Languages.en.menu.main]]
name = "Support"
weight = 3
identifier = ""
url = "https://liberapay.com/josephk"
[[Languages.en.menu.main]]
name = "Source code"
weight = 4
identifier = ""
url = "https://framagit.org/josephk/sense3"
+++
date = "2018-02-28T14:41:00+01:00"
title = "Home"
author = "JosephK"
draft = false
type = "page"
id = "-home"
+++
{{% grid class="row intro" %}}
{{% grid class="container" %}}
{{% grid class="clearfix" %}}
{{% grid class="col-sm-12 text-center" %}}
# This is not advertising.
## Give visibility to the projects you care about
{{% /grid %}}
{{% /grid %}}
{{% grid class="clearfix" %}}
{{% grid class="col-md-6 text-center" %}}
<div class="web-browser">
<div class="toolbar">
<img src="/browser-left.svg" alt="" />
<div class="search-bar"></div>
<img src="/browser-right.svg" alt="" />
</div>
<img src="/wireframe.png" class="img-responsive" alt="" />
</div>
{{% /grid %}}
{{% grid class="col-md-6" %}}
Sense3 mimics banners used by advertising agencies and
marketing codes of their advertisers in order to promote
alternative projects working for the general interest.
{{% grid class="text-center" %}}
<script type="text/javascript" src="https://josephk.frama.io/sense3/sense3.js" data-sense3="300x250;art"></script>
{{% /grid %}}
These projects are:
1. Libre (= open source + ethics)
2. Non lucrative
3. Respecting your privacy
Obviously Sense3 meets these same criteria.
{{% /grid %}}
{{% /grid %}}
{{% grid class="col-sm-12 text-center" %}}
[Pour commencer](#getting-started) [Comment ça fonctionne](#how-it-works)
{{% /grid %}}
{{% /grid %}}
{{% /grid %}}
{{% grid class="row how-it-works" %}}
{{% grid class="container" %}}
{{% grid class="col-sm-8" %}}
### Respecting your privacy {#how-it-works}
Sense3 doesn't track you. The banners displayed are only "targeted".
depending on the information given by your web browser.
For example, thanks to your [User Agent](https://en.wikipedia.org/wiki/User_agent),
if you use Google Chrome browser, Sense3 will display a banner
inviting you to try the latest version of [Firefox](https://www.mozilla.org/firefox/).
Similarly, with the [Referrer](https://en.wikipedia.org/wiki/HTTP_referer),
it is possible to know the page you previously consulted.
If you are coming from Twitter, you will probably see in the page one
insert inviting you to join[Mastodon social network](https://joinmastodon.org).
No personal or statistical information is collected.
{{% /grid %}}
{{% grid class="col-sm-4 text-center" %}}
<i class="fa fa-eye-slash fa-5x" aria-hidden="true"></i>
{{% /grid %}}
{{% grid class="col-sm-8 col-sm-push-4" %}}
### Non lucrative
Our goal is to take care of our common digital natural heritage.
As the Internet has become more and more a marketplace, it is becoming
more difficult to find creative spaces where you are not held accountable
from destroying jobs because you're using an ad blocker.
Here, the remuneration of "advertisers" is calculated according to the number of clicks (CPC) and views (CPV).
Payments are made weekly in the form of gratitude and recognition from
webmasters who choose to display these banners.
The list of banners is also defined with a lot of love and bias.
{{% /grid %}}
{{% grid class="col-sm-4 col-sm-pull-8" %}}
<i class="fa fa-heart fa-5x" aria-hidden="true"></i>
{{% /grid %}}
{{% grid class="col-sm-8" %}}
### Libre
The software is free. It is under [MIT license](https://framagit.org/josephk/sense3/blob/master/LICENSE),
you can install it for your own use, modify it,
[proposing improvements or new banners](https://framagit.org/josephk/sense3)
Its development is ensured by [JosephK](https://liberapay.com/josephk/),
an employee of the association [Framasoft](https://framasoft.org).
The project was born from an [April fools idea for the Framablog](https://framablog:org).
{{% /grid %}}
{{% grid class="col-sm-4 text-center" %}}
<i class="fa fa-linux fa-5x" aria-hidden="true"></i>
{{% /grid %}}
{{% grid class="col-sm-12" %}}
[Pour commencer](#getting-started)
{{% /grid %}}
{{% /grid %}}
{{% /grid %}}
{{% grid class="row getting-started" %}}
{{% grid class="container" %}}
{{% grid class="col-sm-12" %}}
## Add a banner on your site {#getting-started}
TODO
([see thi page for examples](https://josephk.frama.io/sense3/))
{{% /grid %}}
{{% /grid %}}
{{% /grid %}}
<p>
+++
date = "2018-02-28T14:41:00+01:00"
title = "Accueil"
author = "JosephK"
draft = false
type = "page"
id = "-home"
+++
{{% grid class="row intro" %}}
{{% grid class="container" %}}
{{% grid class="clearfix" %}}
{{% grid class="col-sm-12 text-center" %}}
# Ceci n’est pas de la publicité
## Donnez de la visibilité aux projets qui vous tiennent à cœur
{{% /grid %}}
{{% /grid %}}
{{% grid class="clearfix" %}}
{{% grid class="col-md-6 text-center" %}}
<div class="web-browser">
<div class="toolbar">
<img src="/browser-left.svg" alt="" />
<div class="search-bar"></div>
<img src="/browser-right.svg" alt="" />
</div>
<img src="/wireframe.png" class="img-responsive" alt="" />
</div>
{{% /grid %}}
{{% grid class="col-md-6" %}}
Sense3 mime les bannières utilisés par les régies publicitaires et les
codes marketing de leurs annonceurs dans l’objectif de promouvoir
les projets alternatifs qui œuvrent pour l’intérêt général.
{{% grid class="text-center" %}}
<script type="text/javascript" src="https://josephk.frama.io/sense3/sense3.js" data-sense3="300x250;art"></script>
{{% /grid %}}
Ces projets sont :
1. Libres (= open source + éthique)
2. Non lucratifs
3. Respectueux de votre vie privée
Évidement Sense3 respecte ces mêmes critères.
{{% /grid %}}
{{% /grid %}}
{{% grid class="col-sm-12 text-center" %}}
[Pour commencer](#getting-started) [Comment ça fonctionne](#how-it-works)
{{% /grid %}}
{{% /grid %}}
{{% /grid %}}
{{% grid class="row how-it-works" %}}
{{% grid class="container" %}}
{{% grid class="col-sm-8" %}}
### Respectueux de votre vie privée {#how-it-works}
Sense3 ne vous piste pas. Les bannières affichées sont uniquemnent « ciblées »
en fonction des informations données par votre navigateur web.
Par exemple, grâce à votre [User Agent](https://fr.wikipedia.org/wiki/User_agent),
si vous utiliser le navigateur Google Chrome, Sense3 vous affichera une bannière
vous invitant à essayer la dernière version de [Firefox](https://www.mozilla.org/firefox/).
De même, avec le [Référent](https://fr.wikipedia.org/wiki/R%C3%A9f%C3%A9rent_(informatique)),
il est possible de connaître la page que vous consultiez précédemment.
Si vous venez depuis Twitter, vous verrez probablement dans la page un
encart vous invitant à rejoindre [le réseau social Mastodon](https://joinmastodon.org).
Aucune information personnelle ou de statistique n’est collectée.
{{% /grid %}}
{{% grid class="col-sm-4 text-center" %}}
<i class="fa fa-eye-slash fa-5x" aria-hidden="true"></i>
{{% /grid %}}
{{% grid class="col-sm-8 col-sm-push-4" %}}
### Non lucratif
Notre but est de prendre soin de notre patrimoine naturel numérique commun.
Internet étant devenu un espace de plus en plus marchant, il devient
difficile de trouver des espaces créatifs où l’on ne vous tient pas responsables
de la destruction d’emplois parce que vous utilisez un bloqueur de pub.
Ici, la rémunération des « annonceurs » est calculée en fonction du nombre de clics (CPC) et de vues (CPV).
Les paiements s’effectuent chaque semaine sous forme de gratitude et de reconnaissance de la part
des webmasters qui font le choix d’afficher ces bannières.
La liste des bannières est également définie avec beaucoup d’amour et de partialité.
{{% /grid %}}
{{% grid class="col-sm-4 col-sm-pull-8" %}}
<i class="fa fa-heart fa-5x" aria-hidden="true"></i>
{{% /grid %}}
{{% grid class="col-sm-8" %}}
### Libre
Le logiciel est libre. Il est sous [licence MIT](https://framagit.org/josephk/sense3/blob/master/LICENSE),
vous pouvez l’installer pour votre propre usage, le modifier,
[proposer des améliorations ou de nouvelles bannières](https://framagit.org/josephk/sense3)
Son développement est assuré par [JosephK](https://liberapay.com/josephk/),
employé de l’association [Framasoft](https://framasoft.org).
Le projet est né d’une idée de [poisson d’Avril pour le Framablog](https://framablog:org).
{{% /grid %}}
{{% grid class="col-sm-4 text-center" %}}
<i class="fa fa-linux fa-5x" aria-hidden="true"></i>
{{% /grid %}}
{{% grid class="col-sm-12" %}}
[Pour commencer](#getting-started)
{{% /grid %}}
{{% /grid %}}
{{% /grid %}}
{{% grid class="row getting-started" %}}
{{% grid class="container" %}}
{{% grid class="col-sm-12" %}}
## Ajouter une bannière sur votre site {#getting-started}
Ici ajouter le formulaire pour récupérer le code
(sinon [voir les exemples](https://josephk.frama.io/sense3/))
Proposer une nouvelle bannière -> issue framagit
{{% /grid %}}
{{% /grid %}}
{{% /grid %}}
<p>
[license]
Name = "license"
URL = "/license"
date: 2 Jan, 2006
datetime: 2 January at 3:04pm
backtotop: back to top
builtby: built by
byauthor: by
comments: Comments
draft: DRAFT
navigation: Navigation
lastupdate: last update
metaReadin: Read in about
metaReadinMinutes: min
next: Next
previous: Previous
readmore: Read more
words: Words
\ No newline at end of file
<div class="{{ .Get "class" }}">{{ .Inner }}</div>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" height="16.035" width="77.906"><path d="M34.188 0c-.245-.01-.476.101-.657.283l-7.125 6.969a1.012 1.012 0 0 0-.279.5.928.928 0 0 0-.031.281c-.002.03 0 .063 0 .094.01.055.011.104.029.156.042.19.13.38.281.531l7.125 6.97c.363.361.954.329 1.346-.063l1.406-1.407c.393-.392.426-1.013.065-1.375l-2.909-2.906H40c.554 0 1-.446 1-1v-2c0-.554-.446-1-1-1h-6.594l2.938-2.94c.36-.36.33-.95-.063-1.341L34.877.314a1.04 1.04 0 0 0-.69-.312V0zm35.624 0v.002a1.04 1.04 0 0 0-.689.312l-1.404 1.438c-.393.391-.423.982-.063 1.342l2.938 2.94H64c-.554 0-1 .445-1 1v2c0 .553.446 1 1 1h6.559l-2.907 2.905c-.36.362-.328.983.065 1.375l1.406 1.407c.392.392.983.424 1.346.062l7.125-6.969c.152-.152.239-.34.281-.53.018-.053.02-.102.03-.157 0-.031.001-.064 0-.094a.928.928 0 0 0-.032-.281 1.012 1.012 0 0 0-.28-.5L70.47.283c-.181-.182-.411-.293-.656-.283zM7.12 4.033a.882.882 0 0 0-.625.258L4 6.785 1.506 4.291a.874.874 0 0 0-.625-.25.873.873 0 0 0-.623.25.881.881 0 0 0 0 1.246l2.496 2.496-2.496 2.494a.884.884 0 0 0 1.248 1.248L4 9.281l2.494 2.494a.884.884 0 0 0 1.248-1.248L5.246 8.033l2.496-2.496a.881.881 0 0 0-.623-1.504z" style="isolation:auto;mix-blend-mode:normal;marker:none;filter-blend-mode:normal;filter-gaussianBlur-deviation:0" color="#bebebe" overflow="visible" fill="#bebebe"/></svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" height="16" width="16"><title>elementary Symbolic Icon Theme</title><path d="M8 2l2.25 2.223-1.714 1.714-.027.027c-.38.42-.379 1.068.027 1.474a1.07 1.07 0 0 0 1.473.053l.214-.214 1.554-1.527L14 8V2zM2 8v6h6l-2.25-2.25 1.714-1.714.027-.027c.38-.42.379-1.068-.027-1.473-.405-.406-1.08-.434-1.5-.054l-.187.214-1.554 1.554z" style="marker:none" color="#bebebe" fill="#bebebe" overflow="visible"/></svg>
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment