diff --git a/css/affiches/PixelifySans-Regular.ttf b/css/affiches/PixelifySans-Regular.ttf new file mode 100644 index 0000000..37deb9a Binary files /dev/null and b/css/affiches/PixelifySans-Regular.ttf differ diff --git a/css/affiches/dac.css b/css/affiches/dac.css index 45893c5..ea1b224 100644 --- a/css/affiches/dac.css +++ b/css/affiches/dac.css @@ -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; } \ No newline at end of file diff --git a/images/affiches/dac-background.png b/images/affiches/dac-background.png new file mode 100644 index 0000000..a6b2061 Binary files /dev/null and b/images/affiches/dac-background.png differ diff --git a/images/affiches/dac-notes.png b/images/affiches/dac-notes.png new file mode 100644 index 0000000..b6f8054 Binary files /dev/null and b/images/affiches/dac-notes.png differ diff --git a/index.html b/index.html index 2459735..e0b0d1d 100644 --- a/index.html +++ b/index.html @@ -15,6 +15,7 @@ + @@ -78,6 +79,22 @@
+
+ +
+ + Quelques notes de musique +

+ La Digital Audio Community se donne rendez-vous le à partir de au LOL, 7 place Louis Chazette. +

+

+ Au Programme : Ateliers Livre-Coding, Discussions Informatique Musicale && Découverte Code Créatif. +

+ +
+ +
+

Permanence du LOL