robert/robertjohnson.work
1
1
Fork 1
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: ✨ add choice of position for the sidebar

Browse Source
This commit is contained in:
Stephane Philippart 2023-02-12 17:52:42 +01:00
parent 0d8fce9100
commit b696e746bd
No known key found for this signature in database
GPG Key ID: 9EB1C5CAC6F92CF1
3 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
_data/data.yml
View File

@ -3,6 +3,7 @@
# #
sidebar: sidebar:
position: left # position of the sidebar : left or right
about: True # set to False or comment line if you want to remove the "how to use?" in the sidebar about: True # set to False or comment line if you want to remove the "how to use?" in the sidebar
education: True # set to False if you want education in main section instead of in sidebar education: True # set to False if you want education in main section instead of in sidebar

3
_sass/_base.scss
View File

@ -45,7 +45,7 @@ p {
.sidebar-wrapper { .sidebar-wrapper {
grid-column: span 3; grid-column: span 3;
order: 2; order: $sidebar-order;
background: $theme-color; background: $theme-color;
color: #fff; color: #fff;
a { a {
@ -161,6 +161,7 @@ p {
.main-wrapper { .main-wrapper {
grid-column: span 7; grid-column: span 7;
order: $resume-order;
background: #fff; background: #fff;
padding: 60px; padding: 60px;
.section-title { .section-title {

10
assets/css/main.scss
View File

@ -4,5 +4,15 @@
@charset "utf-8"; @charset "utf-8";
// define variable with front matter
{% if site.data.data.sidebar.position == 'left' %}
$resume-order: 2;
$sidebar-order: 1;
{% else %}
$resume-order: 1;
$sidebar-order: 2;
{% endif %}
@import "skins/{{ site.theme_skin | default: 'blue' }}"; // skin @import "skins/{{ site.theme_skin | default: 'blue' }}"; // skin
@import "default"; // main partials @import "default"; // main partials