Move css to another file

parent fd07d063
#page {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#coding_gym_logo {
max-height: 200px;
margin-bottom: 50px;
}
#sessions {
width: 100%;
display: grid;
grid-template-columns: repeat(auto-fill, 200px);
grid-gap: 20px;
justify-content: center;
}
.session {
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
width: 200px;
height: 200px;
flex-shrink: 0;
overflow: hidden;
font-size: 1em;
padding: 20px;
line-height: 1;
font-family: sans-serif;
text-align: center;
}
.session > div {
display: flex;
flex-direction: column;
align-items: center;
}
.session > div > div {
margin: 0;
}
.session > hr {
width: 70%;
height: 2px;
border: 0;
margin: 0;
color: #fff;
background-color: #fff;
}
.session a {
font-size: 0.8em;
text-transform: uppercase;
color: inherit;
text-decoration: none;
}
.session .year {
font-size: 0.8em;
}
.session .room_caption {
font-size: 0.7em;
}
.session.new {
background: #47c1c7;
}
.session .time, .session .room, .session .registration_url {
display: none;
}
.session.new .contest_url, .session.new .coding_gym_url {
display: none;
}
.session.new .time, .session.new .room, .session.new .registration_url {
display: flex;
}
\ No newline at end of file
......@@ -3,6 +3,8 @@ layout: default
title: Coding Gym
---
<link rel="stylesheet" href="{{ '/coding_gym/coding_gym.css' | relative_url }}"/>
<script>
(() => {
"use strict";
......@@ -15,105 +17,15 @@ title: Coding Gym
})();
</script>
<style>
#page {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
#coding_gym_logo {
max-height: 200px;
margin-bottom: 50px;
}
#sessions {
width: 100%;
display: grid;
grid-template-columns: repeat(auto-fill, 200px);
grid-gap: 20px;
justify-content: center;
}
.session {
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
width: 200px;
height: 200px;
flex-shrink: 0;
overflow: hidden;
font-size: 1em;
padding: 20px;
line-height: 1;
font-family: sans-serif;
text-align: center;
}
.session > div {
display: flex;
flex-direction: column;
align-items: center;
}
.session > div > div {
margin: 0;
}
.session > hr {
width: 70%;
height: 2px;
border: 0;
margin: 0;
color: #fff;
background-color: #fff;
}
.session a {
font-size: 0.8em;
text-transform: uppercase;
color: inherit;
text-decoration: none;
}
.session .year {
font-size: 0.8em;
}
.session .room_caption {
font-size: 0.7em;
}
.session.new {
background: #47c1c7;
}
.session .time, .session .room, .session .registration_url {
display: none;
}
.session.new .contest_url, .session.new .coding_gym_url {
display: none;
}
.session.new .time, .session.new .room, .session.new .registration_url {
display: flex;
}
</style>
<div id="page">
<img id="coding_gym_logo" src="{{ "/coding_gym/coding_gym_logo.svg" | relative_url }}" alt="Coding Gym logo"/>
<img id="coding_gym_logo" src="{{ '/coding_gym/coding_gym_logo.svg' | relative_url }}" alt="Coding Gym logo"/>
<p id="coding_gym_about">&#171;Coding Gym is a non-competitive programming lab format open to any language and
developed
for self-led improvement in technical and communication skills.&#187;</p>
<P>In 2019 the POuL begins a collaboration with the association <a href="https://coding-gym.org/">Coding Gym</a> to
bring this interesting format inside the Politecnico walls.</P>
bring this interesting format inside Politecnico walls.</P>
<p>During the lab sessions, the attendees will organize in couples and they will try to solve a programming problem
in less than 30 minutes. At the end of the time there will be a comparison between the couples moderated by
......
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