Course layout was added

parent 9b067704
Pipeline #295 passed with stage
in 2 minutes and 26 seconds
......@@ -12,51 +12,14 @@ layout: default
.course_post > p {
align-self: start;
}
.schedule {
align-self: stretch;
display: flex;
flex-direction: column;
align-items: center;
font-family: sans-serif;
line-height: 1;
}
.schedule .session {
display: grid;
grid-template-columns: 1fr 1fr 3fr;
margin: 10px;
width: 100%;
max-width: 600px;
padding: 10px 20px;
align-items: center;
}
.schedule .date, .schedule .room {
display: flex;
flex-direction: column;
align-items: center;
min-height: 80px;
justify-content: center;
}
.schedule .time {
font-size: 0.8em;
}
.schedule .caption {
font-size: 0.7em;
}
.schedule .topics {
display: grid;
grid-gap: 10px;
text-align: right;
}
</style>
<div class="course_post">
{% if page.title_image %}
<img src="{{ page.title_image }}" alt="title"/>
{% else %}
<h1 class="postTitle">{{ page.title }}</h1>
{% endif %}
<p>{{content}}</p>
......@@ -64,15 +27,17 @@ layout: default
<div class="schedule">
{% for session in page.schedule %}
<div class="session bg-darker">
<div class="session">
<div class="date">
<div class="caption">Date</div>
<div>{{ session.date | date: "%b %d" | upcase }}</div>
<div class="time">{{ session.date | date: "%H:%M" }}</div>
</div>
<div class="room">
{% if session.room %}
<div class="caption">Room</div>
<div>{{ session.room }}</div>
{% endif %}
</div>
<div class="topics">
{% for topic in session.topics %}
......
......@@ -4,22 +4,21 @@ title: Corso git 2020
schedule:
- date: 2020-03-13 17:15
room: 5.0.2
room:
topics:
- Intro
- Introduzione
- date: 2020-03-18 17:15
room: 5.0.2
room:
topics:
- cose $tdb
- git avanzato
- date: 2020-03-20 17:15
room: 5.0.2
room: "@POuL"
topics:
- bonus
- Jack ci spiega come usare git rebase per aggiustare una chrysler del 97'
- Sessione bonus @POuL
categories:
- Events
- Corsi Android
- Corsi git
tags:
- Free Software
- Open Source
......@@ -28,5 +27,12 @@ tags:
- eventi
- programmazione
- poul
- git
---
Il POuL propone la prima edizione dei corsi di programmazione per git.
\ No newline at end of file
**git** è lo strumento per il controllo versione più famoso ed utilizzato al mondo.
Standard industriale, al giorno d'oggi la capacità di avvalersi di questo strumento è una skill imprescindibile per ogni programmatore e non.
Il primo impatto di uno studente di **ingegneria informatica** con questo sistema lo avrà ad **ingegneria del software** dove è richiesto l'utilizzo di questo, senza che allo studente vengano fornite informazioni sul suo utilizzo; questo è il principale motivo che porta il **POuL** a riproporre questo corso con cadenza annuale.
Come novità in questa sessione, proponiamo una appuntamento bonus che si terrà nella nostra sede associativa.
\ No newline at end of file
......@@ -688,6 +688,41 @@ th {
color: inherit;
background: rgba(0, 0, 0, 0.06); }
.schedule {
align-self: stretch;
display: flex;
flex-direction: column;
align-items: center;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
line-height: 1; }
.schedule .session {
display: grid;
grid-template-columns: 1fr 1fr 3fr;
margin: 10px;
width: 100%;
max-width: 600px;
padding: 10px 20px;
align-items: center; }
.schedule .date, .schedule .room {
display: flex;
flex-direction: column;
align-items: center;
min-height: 80px;
justify-content: center; }
.schedule .time {
font-size: 0.8em; }
.schedule .caption {
font-size: 0.7em; }
.schedule .topics {
display: grid;
grid-gap: 10px;
text-align: right; }
.material-kit {
/* brand Colors */
/* Animations */
......@@ -12525,7 +12560,7 @@ POST LIST STYLING
background-color: #212121;
color: #fff; }
.bg-darker {
.bg-darker, .schedule .session {
background-color: #101010;
color: #fff; }
......@@ -12614,9 +12649,9 @@ GLOBAL STYLES
background: #212121; }
.bg-dark + .content:after {
background: #212121; }
.content.bg-darker:after {
.content.bg-darker:after, .schedule .content.session:after {
background: #101010; }
.bg-darker + .content:after {
.bg-darker + .content:after, .schedule .session + .content:after {
background: #101010; }
.content.bg-blueish-gray:after {
background: #292d32; }
......
.schedule {
align-self: stretch;
display: flex;
flex-direction: column;
align-items: center;
font-family: $sans-serif;
line-height: 1;
}
.schedule .session {
@extend .bg-darker;
display: grid;
grid-template-columns: 1fr 1fr 3fr;
margin: 10px;
width: 100%;
max-width: 600px;
padding: 10px 20px;
align-items: center;
}
.schedule .date, .schedule .room {
display: flex;
flex-direction: column;
align-items: center;
min-height: 80px;
justify-content: center;
}
.schedule .time {
font-size: 0.8em;
}
.schedule .caption {
font-size: 0.7em;
}
.schedule .topics {
display: grid;
grid-gap: 10px;
text-align: right;
}
\ No newline at end of file
......@@ -18,6 +18,7 @@
@import "modules/tables";
@import "modules/syntax";
@import "modules/alerts";
@import "modules/schedule";
// Import Material Kit
.material-kit {
......
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