Merge branch 'main' into feat/status
This commit is contained in:
BIN
css/affiches/Arvo-Bold.ttf
Normal file
BIN
css/affiches/Arvo-Bold.ttf
Normal file
Binary file not shown.
BIN
css/affiches/AzeretMono-VariableFont_wght.ttf
Normal file
BIN
css/affiches/AzeretMono-VariableFont_wght.ttf
Normal file
Binary file not shown.
BIN
css/affiches/PixelifySans-Regular.ttf
Normal file
BIN
css/affiches/PixelifySans-Regular.ttf
Normal file
Binary file not shown.
34
css/affiches/cafe.css
Normal file
34
css/affiches/cafe.css
Normal file
@ -0,0 +1,34 @@
|
||||
@font-face {
|
||||
font-family: "Azeret Mono";
|
||||
src: url("./AzeretMono-VariableFont_wght.ttf");
|
||||
}
|
||||
|
||||
.affiche-cafe {
|
||||
font-family: "Azeret Mono", monospace;
|
||||
line-height: 1.3;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
.affiche-cafe > * {
|
||||
margin: 0;
|
||||
margin-bottom: 0.9rem;
|
||||
}
|
||||
|
||||
.affiche-cafe > *:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
@keyframes cursor-blink {
|
||||
0% {opacity: 0;}
|
||||
65% {opacity: 1;}
|
||||
100% {opacity: 1;}
|
||||
}
|
||||
|
||||
.affiche-cafe .cursor {
|
||||
animation: cursor-blink 1.5s steps(1) infinite;
|
||||
}
|
||||
|
||||
.affiche-cafe h1 {
|
||||
font-weight: normal;
|
||||
font-size: 2em;
|
||||
}
|
||||
57
css/affiches/dac.css
Normal file
57
css/affiches/dac.css
Normal file
@ -0,0 +1,57 @@
|
||||
@font-face {
|
||||
font-family: "Pixelify Sans";
|
||||
src: url("./PixelifySans-Regular.ttf");
|
||||
}
|
||||
|
||||
.affiche-dac {
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
background-image: url("/images/affiches/dac-background.png");
|
||||
border-color: white;
|
||||
font-family: "Pixelify Sans", monospace;
|
||||
|
||||
background-size: 550px;
|
||||
background-position: center top;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
color: #1bff8d;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.affiche-dac .content {
|
||||
width: 350px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 880px) {
|
||||
.affiche-dac {
|
||||
padding-bottom: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
.affiche-dac .notes {
|
||||
float: right;
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.affiche-dac em {
|
||||
color: #ebff00;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.affiche-dac strong {
|
||||
text-decoration-color: #00ffff;
|
||||
text-decoration-line: underline;
|
||||
text-decoration-thickness: 3px;
|
||||
text-decoration-style: dotted;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.affiche-dac p {
|
||||
margin: 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
35
css/affiches/perm.css
Normal file
35
css/affiches/perm.css
Normal file
@ -0,0 +1,35 @@
|
||||
@font-face {
|
||||
font-family: "Arvo";
|
||||
src: url("./Arvo-Bold.ttf");
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.affiche-perm {
|
||||
background: black url("../../images/affiches/perm-bg.jpg");
|
||||
background-size: cover;
|
||||
background-repeat: no-repeat;
|
||||
|
||||
text-align: center;
|
||||
|
||||
padding-left: 25px;
|
||||
padding-right: 25px;
|
||||
|
||||
font-size: 0.9rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.affiche-perm h1 {
|
||||
font-size: 1.8em;
|
||||
margin-top: 50px;
|
||||
font-weight: normal;
|
||||
font-family: "Arvo", sans-serif;
|
||||
}
|
||||
|
||||
.affiche-perm .event-hours {
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
margin-top: 25px;
|
||||
margin-bottom: 25px;
|
||||
font-size: 1.2em;
|
||||
font-family: "Arvo";
|
||||
}
|
||||
188
css/style.css
188
css/style.css
@ -2,7 +2,7 @@ html {
|
||||
font-family: 'arial', sans-serif;
|
||||
font-weight: 400;
|
||||
font-size: 1em;
|
||||
color: #8a8683;
|
||||
color: #cfcfcf;
|
||||
max-width: 100%;
|
||||
overflow-x: hidden;
|
||||
background: url("../images/world_network.muted.jpg");
|
||||
@ -30,96 +30,132 @@ a:link {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
a:hover, a:focus {
|
||||
color: white;
|
||||
background-color:black;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
color:yellow;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: none;
|
||||
height: 2em;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
|
||||
#main-header {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: start;
|
||||
align-items: stretch;
|
||||
display: grid;
|
||||
grid-template-columns: 95px 1fr 400px;
|
||||
grid-template-rows: min-content;
|
||||
align-items: center;
|
||||
|
||||
gap: 15px;
|
||||
|
||||
padding: 10px;
|
||||
padding: 50px 10px 10px;
|
||||
position: relative;
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
#main-header::before {
|
||||
content: "";
|
||||
z-index: -1;
|
||||
width: 100vw;
|
||||
background: black;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
#main-header > * {
|
||||
grid-row: 1;
|
||||
}
|
||||
|
||||
#main-header > nav {
|
||||
flex: 1;
|
||||
#main-header h1 {
|
||||
line-height: 25px;
|
||||
font-size: 20px;
|
||||
font-weight: normal;
|
||||
font-family: monospace;
|
||||
color: yellow;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: end;
|
||||
align-items: center;
|
||||
flex: 1;
|
||||
grid-column: 2;
|
||||
}
|
||||
|
||||
#main-header nav {
|
||||
grid-column: 3;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 600px) {
|
||||
#main-header {
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
grid-auto-rows: min-content;
|
||||
}
|
||||
|
||||
#main-header > nav {
|
||||
justify-content: center;
|
||||
#main-header img {
|
||||
grid-column: 1;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
#main-header h1 {
|
||||
grid-column: 2;
|
||||
}
|
||||
|
||||
#main-header #main-nav {
|
||||
grid-row: 2;
|
||||
grid-column: 1 / 3;
|
||||
}
|
||||
}
|
||||
|
||||
/* main area */
|
||||
/* main area */
|
||||
|
||||
#homepage {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 400px;
|
||||
grid-auto-rows: min-content;
|
||||
gap: 5px;
|
||||
row-gap: 15px;
|
||||
column-gap: 10px;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
padding-bottom: 15vh;
|
||||
}
|
||||
|
||||
#homepage > section {
|
||||
padding: 0 10px;
|
||||
main #main-info {
|
||||
grid-column: 2;
|
||||
grid-row: 1;
|
||||
}
|
||||
|
||||
#homepage aside {
|
||||
padding: 10px;
|
||||
main #events {
|
||||
grid-column: 2;
|
||||
grid-row: 2;
|
||||
}
|
||||
|
||||
main #description {
|
||||
grid-column: 1;
|
||||
grid-row: 1 / 5;
|
||||
}
|
||||
|
||||
#homepage .toolbar {
|
||||
grid-column: 1 / 3;
|
||||
padding: 0 10px;
|
||||
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 889px){
|
||||
#homepage {
|
||||
grid-template-columns: 1fr;
|
||||
row-gap: 50px;
|
||||
}
|
||||
|
||||
#homepage > aside {
|
||||
main #main-info {
|
||||
grid-row: 3;
|
||||
grid-column: 1;
|
||||
}
|
||||
|
||||
#homepage .toolbar {
|
||||
|
||||
main #events {
|
||||
grid-column: 1;
|
||||
grid-row: 5;
|
||||
}
|
||||
|
||||
main #description {
|
||||
grid-column: 1;
|
||||
grid-row: 2;
|
||||
}
|
||||
|
||||
main .toolbar {
|
||||
grid-column: 1;
|
||||
grid-row: 1;
|
||||
}
|
||||
}
|
||||
@ -146,13 +182,32 @@ a:visited {
|
||||
/* description */
|
||||
|
||||
#description {
|
||||
text-align: justify;
|
||||
text-align: left;
|
||||
line-height: 1.5;
|
||||
|
||||
grid-column: 1;
|
||||
}
|
||||
|
||||
#description > *:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
dl.definitions > * {
|
||||
display: inline;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
dl.definitions > dt:not(:first-child)::before {
|
||||
content: "";
|
||||
display: block;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
dl.definitions > dt {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.hackerspace-logo {
|
||||
float: right;
|
||||
width: 100px;
|
||||
@ -169,23 +224,23 @@ a:visited {
|
||||
|
||||
/* side */
|
||||
|
||||
#main-side h2 {
|
||||
color: white;
|
||||
font-size: 1em;
|
||||
main > aside {
|
||||
grid-column: 2;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
#main-side address {
|
||||
#main-info address {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
#main-side .info > * {
|
||||
#main-info > * {
|
||||
margin: 1.33em 0;
|
||||
font-weight: bold;
|
||||
color: yellow;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 889px){
|
||||
#main-side {
|
||||
#main-info {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
@ -238,37 +293,40 @@ a:visited {
|
||||
background: linear-gradient(to top, black, rgba(0,0,0,0));
|
||||
}
|
||||
|
||||
/* Status */
|
||||
/* nav */
|
||||
|
||||
aside .status-container > * {
|
||||
text-align: inherit;
|
||||
#main-nav {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.status-container > * {
|
||||
text-align: center;
|
||||
#main-nav > *:not(:last-child)::after {
|
||||
content: " | ";
|
||||
content: " | " / "";
|
||||
text-decoration: none !important;
|
||||
}
|
||||
|
||||
a.status-container > p {
|
||||
text-align: inherit;
|
||||
/* Affiches */
|
||||
|
||||
.affiche {
|
||||
border: solid 1px currentColor;
|
||||
padding: 10px;
|
||||
background: black;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.status-container.opened strong {
|
||||
color: green;
|
||||
font-weight: bold;
|
||||
.affiche:not(:first-child){
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.status-container.closed strong {
|
||||
color: red;
|
||||
font-weight: bold;
|
||||
.affiche:not(:last-child){
|
||||
margin-bottom: 25px;
|
||||
}
|
||||
|
||||
img.status-icon {
|
||||
max-width: 100px;
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
.affiche .credits {
|
||||
font-size: 0.5em;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
aside img.status-icon {
|
||||
margin-left: 0;
|
||||
.affiche .credits, .affiche .credits * {
|
||||
color: inherit;
|
||||
}
|
||||
Reference in New Issue
Block a user