websites/coopgo
2
0
Fork 0
Code Issues Pull Requests Actions Projects Releases Wiki Activity

Display fixes

Browse Source
This commit is contained in:
Arnaud Delcasse
2021-08-05 10:54:52 +02:00
parent 77be0be153
commit b7ba1d105f
16 changed files with 273 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
themes/coopgo-theme/assets/sass/coopgo-web-ui-kit/_helpers.scss
View File

@@ -1,6 +1,6 @@
/* WIDTH */
$widthvalues: (0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 75, 100, 125, 150, 200, 300, 400, 500, 600, 700, 800, 900, 1000, 1024);
$widthvalues: (0, 5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 75, 100, 125, 150, 200, 250, 300, 350, 400, 450, 500, 600, 700, 800, 900, 1000, 1024);
@each $width in $widthvalues {
.w-#{$width} {

1
themes/coopgo-theme/assets/sass/coopgo-web-ui-kit/_nav.scss
View File

@@ -1,7 +1,6 @@
nav {
&#navbar {
z-index: 100;
height: 3em;
display: flex;
justify-content: flex-between;
align-items: center;

4
themes/coopgo-theme/assets/sass/main.scss
View File

@@ -1,7 +1,9 @@
@import 'coopgo-web-ui-kit/styles';
// @import 'colors' <- we use the library's default values for colors, we don't need this
nav{
nav{
height: 52px;
&#navbar {
.left {
flex:0;

10
themes/coopgo-theme/layouts/index.html
View File

@@ -15,7 +15,7 @@
</div>
<div class="featuredimage w-400">
{{ $img := resources.Get .Site.Params.FeaturedImage }}
<img class="w-600" style="margin-top: -100px" src="{{ $img.Permalink }}">
<img class="h-600" style="margin-top: -100px" src="{{ $img.Permalink }}">
</div>
</div>
<div class="bg-primary reverse w-full">
@@ -35,18 +35,20 @@
</div>
<div class="p-30">
<h1 class="container ta-c brandblue">{{ .Site.Params.Section3.Title }}</h1>
<div class="container flex-row wrap j-center">
{{ range .Site.Params.Section3.List }}
<div class="container flex-row ai-center {{ if (eq .side "right") }} direction-row-reverse{{end}}">
<div class="container min-w-400 max-w-400 m-20 flex-1 flex-row ai-center {{ if (eq .side "right") }} direction-row-reverse{{end}}">
<div class="bg-{{.color}} bg-bubble icon-bubble w-75 h-75 m-20">
{{ $icon := resources.Get ( print "images/icons/" .icon ".svg") }}
<img src="{{ $icon.Permalink }}" />
</div>
<div class="flex-1 max-w-500">
<h3 class="m-b-0 {{.color}} {{ if (eq .side "right") }} ta-r{{end}}">{{.title}}</h3>
<div class="flex-1">
<h2 class="m-b-0 {{.color}} {{ if (eq .side "right") }} ta-r{{end}}">{{.title}}</h2>
<p class="m-t-0 ta-j">{{.description}}</p>
</div>
</div>
{{ end }}
</div>
</div>
<div class="bg-secondary p-20" id="section4">
<h1 class="container ta-c white p-20">{{ .Site.Params.Section4.Title }}</h1>

1
themes/coopgo-theme/layouts/partials/footer.html
View File

@@ -51,6 +51,7 @@
<h3 class="m-l-40 m-b-0">La coopérative :</h4>
<ul class="m-t-5">
<li><a href="/opensource/">❤️ Open source</a></li>
<li><a href="/mentions-legales/">Mentions légales</a></li>
<li><a href="https://emplois.scity.coop">Emplois</a></li>
</ul>

4
themes/coopgo-theme/layouts/partials/header.html
View File

@@ -4,9 +4,9 @@
{{$icon := resources.Get "images/icons/menu.svg"}}
<img class="w-20 h-20 m-20" src="{{$icon.Permalink}}" />
</div>
<div class='left bg-white'>
<div class='left bg-white h-full'>
{{ $logo := resources.Get .Site.Params.Logo }}
<a href="{{.Site.BaseURL}}"><img src="{{ $logo.Permalink }}" alt="COOPGO" /></a>
<a href="{{.Site.BaseURL}}"><img class="m-b-0" src="{{ $logo.Permalink }}" alt="COOPGO" /></a>
</div>
<div class='center bg-white'>
<ul class="flex-row j-center ai-center">