deblan/deblan.io-murph
deblan/deblan.io-murph
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Wiki Activity

center content

Browse source
This commit is contained in:
Simon Vieille 2021-11-22 23:18:54 +01:00
parent 695eb6ee02
commit bdd2dfe9fd
2 changed files with 26 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
assets/css/app.scss
View file

@ -195,7 +195,6 @@ pre[class*="language-"] {
} }
.header { .header {
padding: 30px;
background: linear-gradient(180deg, $color-header-background-from, $color-header-background-to); background: linear-gradient(180deg, $color-header-background-from, $color-header-background-to);
background-size: 100% 200%; background-size: 100% 200%;
color: $color-white; color: $color-white;
@ -203,6 +202,12 @@ pre[class*="language-"] {
text-shadow: 0px 0px 6px #000; text-shadow: 0px 0px 6px #000;
} }
.header-wrapper {
max-width: 1100px;
padding: 30px 40px;
margin: auto;
}
.fixed-menu { .fixed-menu {
position: fixed; position: fixed;
width: calc(230px - 50px); width: calc(230px - 50px);
@ -251,7 +256,9 @@ pre[class*="language-"] {
.body { .body {
padding: 25px 40px; padding: 25px 40px;
max-width: 900px; max-width: 1100px;
margin-left: auto;
margin-right: auto;
iframe { iframe {
margin-bottom: 25px; margin-bottom: 25px;
@ -291,11 +298,15 @@ pre[class*="language-"] {
border: 0; border: 0;
border-bottom: 1px dashed $color-hr-border; border-bottom: 1px dashed $color-hr-border;
background: $color-hr-background; background: $color-hr-background;
max-width: 300px;
margin: 20px auto;
} }
.reviews { .reviews {
padding: 0 40px; padding: 0 40px;
max-width: 900px; max-width: 1100px;
margin-left: auto;
margin-right: auto;
hr:first-child { hr:first-child {
margin-bottom: 30px; margin-bottom: 30px;

22
templates/base.html.twig
View file

@ -76,17 +76,19 @@ XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
<div class="col-12 header"> <div class="col-12 header">
<div id="particles"></div> <div id="particles"></div>
<h1 class="h1"> <div class="header-wrapper">
{%- block page_title -%} <h1 class="h1">
{{- 'Simon Vieille' -}} {%- block page_title -%}
{%- endblock -%} {{- 'Simon Vieille' -}}
</h1> {%- endblock -%}
</h1>
{% block page_subtitle %} {% block page_subtitle %}
<p class="h3"> <p class="h3">
{{- 'DevOp animé par la culture du libre et du hacking' -}} {{- 'DevOp animé par la culture du libre et du hacking' -}}
</p> </p>
{% endblock %} {% endblock %}
</div>
</div> </div>
<div class="grid"> <div class="grid">