quoije/le-journal-d-un-podcast
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add windows xp theme. thanks the random guy for the stylesheet

Browse Source
This commit is contained in:
Mathieu Moran
2021-06-17 05:35:36 -04:00
parent 79e4dc0558
commit 5585c94d6f
2 changed files with 1068 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/xp.css
+1050
View File
File diff suppressed because one or more lines are too long
index.html
+17 -4
View File
@@ -12,12 +12,14 @@
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Comic+Neue">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.12.0/css/all.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="assets/css/xp.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.6.0/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/site.js"></script>
<script src="assets/js/script.min.js"></script>
<script src="assets/js/jquery.rss.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script>
</head>
<body>
@@ -72,7 +74,7 @@
<li class="nav-item text-uppercase text-left" role="presentation" style="border-style: none;"><a class="nav-link text-monospace text-center" role="tab" data-toggle="pill" data-bss-hover-animate="bounce" href="#faq" style="background: var(--success);color: var(--white);">foire aux questions</a></li>
<li class="nav-item text-uppercase text-left" role="presentation" style="border-style: none;"><a class="nav-link text-monospace text-center" role="tab" data-toggle="pill" data-bss-hover-animate="bounce" href="#comm" style="background: var(--success);color: var(--white);">commentaires</a></li>
</ul>
<div class="tab-content d-inline-flex justify-content-center" style="width: 75%;border-style: dotted;background: var(--danger);box-shadow: 8px 9px var(--warning);">
<div class="tab-content d-inline-flex justify-content-center" style="width: 75%;border-style: dotted;background:var(--danger);box-shadow: 8px 9px var(--warning);">
<!-- ACCUEIL -->
<div class="tab-pane active" role="tabpanel" id="home" style="text-align: center;padding: 0px;">
<p class="text-center" style="padding: 0px;padding-top: 10px;color: var(--yellow);font-size: 32px;font-family: 'Comic Neue', cursive;">
@@ -110,8 +112,17 @@
<!-- ÉPISODES -->
<div class="tab-pane" role="tabpanel" id="ep">
<div class="fixedep">
<div id="infoaudio" style="background-color: #0FF404; width: 50%; margin: auto; margin-top: 10px; margin-bottom: 10px; border-style: dashed;">
<div id="nomep" style="font-weight: bold; padding: 5px;"><a id="lienep" target="_blank">Pas
<div class="window" style="width: 55%; margin: auto; margin-top: 10px; margin-bottom: 10px; ">
<div class="title-bar" style="padding-top: 15px; padding-bottom: 15px;">
<div class="title-bar-text">
Épisode en cours
</div>
<div class="title-bar-controls">
<button aria-label="Close"></button>
</div>
</div>
<div class="window-body" style="font-size: medium;">
<div id="nomep" style="font-weight: bold; padding-bottom: 15px;"><a id="lienep" target="_blank">Pas
d'épisode en cours</a></div>
<audio style="width: 90%;" controls id="player">
<source src="" type="audio/mpeg">
@@ -119,6 +130,8 @@
</audio>
</div>
</div>
</div>
<div id="rss-feeds"></div>
</div>
<!-- FAQ -->
@@ -136,7 +149,7 @@
<strong>&nbsp; &nbsp; &nbsp;LAISSE NOUS UN BEAU MESSAGE WOW!</strong></p>
<div id="fb-root"></div>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/fr_CA/sdk.js#xfbml=1&version=v11.0" nonce="uTk7zYwn"></script>
<div class="fb-comments" style="border-style: dashed;border-color: coral;background: white;margin-bottom: 20px;" data-href="https://ljdp.ca" data-width="" data-numposts="5" data-colorscheme="light"></div>
<div class="fb-comments" style="border-style: dotted;background: white;margin-bottom: 20px;" data-href="https://ljdp.ca" data-width="" data-numposts="5" data-colorscheme="light"></div>
</div>
</div>
</div>