Added affiche dac

This commit is contained in:
EpicKiwi 2023-10-10 19:30:58 +02:00
parent 443c2599bb
commit c7cb2acc7e
Signed by: epickiwi
GPG Key ID: C4B28FD2729941CE
5 changed files with 73 additions and 4 deletions

Binary file not shown.

View File

@ -1,5 +1,57 @@
.affiche-dac img { @font-face {
width: 100%; font-family: "Pixelify Sans";
max-height: 50vh; src: url("./PixelifySans-Regular.ttf");
object-fit: scale-down; }
.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;
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

View File

@ -15,6 +15,7 @@
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/affiches/perm.css"> <link rel="stylesheet" href="css/affiches/perm.css">
<link rel="stylesheet" href="css/affiches/dac.css">
</head> </head>
<body> <body>
@ -78,6 +79,22 @@
<section id="events"> <section id="events">
<article class="event affiche affiche-dac">
<div class="content">
<img src="/images/affiches/dac-notes.png" alt="Quelques notes de musique" class="notes"/>
<p>
La <em>Digital Audio Community</em> se donne rendez-vous le <time datetime="2023-10-11">Mercredi 11 Octobre</time> à partir de <time datetime="18:30">18h30</time> au LOL, <a href="geo:45.7732495,4.8372366">7&nbsp;place Louis Chazette</a>.
</p>
<p>
<strong>Au Programme</strong> : Ateliers Livre-Coding, Discussions Informatique Musicale && Découverte Code Créatif.
</p>
</div>
</article>
<article class="event affiche-perm affiche"> <article class="event affiche-perm affiche">
<h1>Permanence du LOL</h1> <h1>Permanence du LOL</h1>