Added affiche dac
This commit is contained in:
parent
443c2599bb
commit
c7cb2acc7e
BIN
css/affiches/PixelifySans-Regular.ttf
Normal file
BIN
css/affiches/PixelifySans-Regular.ttf
Normal file
Binary file not shown.
@ -1,5 +1,57 @@
|
||||
.affiche-dac img {
|
||||
width: 100%;
|
||||
max-height: 50vh;
|
||||
object-fit: scale-down;
|
||||
@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;
|
||||
}
|
BIN
images/affiches/dac-background.png
Normal file
BIN
images/affiches/dac-background.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 11 KiB |
BIN
images/affiches/dac-notes.png
Normal file
BIN
images/affiches/dac-notes.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 4.4 KiB |
17
index.html
17
index.html
@ -15,6 +15,7 @@
|
||||
<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/dac.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
@ -78,6 +79,22 @@
|
||||
|
||||
<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 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">
|
||||
<h1>Permanence du LOL</h1>
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user