Skip to content

Commit

Permalink
Colles
Browse files Browse the repository at this point in the history
  • Loading branch information
@jeanprt
jeanprt authored Dec 5, 2024
1 parent a9feac6 commit 12bf201
Show file tree
Hide file tree
Showing 99 changed files with 7,035 additions and 0 deletions.
110 changes: 110 additions & 0 deletions jeanprt.github.io/404.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,110 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- Liens feuilles de style -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/404.css">
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<!-- Titre de la Page -->
<title>404 - Portfolio Jean Prêtet</title>
<!--Icône du site-->
<link rel="icon" type="image/png" href="images/ne_pas_tourner_a_droite-02.png">
</head>

<body>
<main class='container'>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>4</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'><img src="images/ne_pas_tourner_a_droite-02.png" width="30px"></span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'>0</span>
<span class='particle'><img src="images/chant-02.png" width="30px"></span>
<span class='particle'><img src="images/croix_scoute-02.png" width="30px"></span>
<span class='particle'><img src="images/nuage-02.png" width="30px"></span>
<span class='particle'><img src="images/promesse-02.png" width="30px"></span>
<span class='particle'><img src="images/tente-02.png" width="30px"></span>
<article class='content'>
<p>Prends garde, bel aventurier,</p>
<p>Tu t'es perdu dans la galaxie <strong>404</strong>.</p>
<p>
<a href="index.html"><button>Retourne sur Terre</button></a>
</p>
</article>
</main>
</body>
</html>
31 changes: 31 additions & 0 deletions jeanprt.github.io/Musique_Et_Informatique/404.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/404.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Jura">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto|Work+Sans:400,600">
<title>404 - Page not found</title>
<link rel="icon" type="image/png" sizes="50x50" href="/images/onde.png">

</head>

<body>
<!-- Conteneur page -->
<div class="p404">
<div class="titre">
<h1>Perdu ?</h1>
</div>
<nav>
<ul>
<li><a href="jeanprt.github.io/index.html">Accueil</a></li>
<li><a href="jeanprt.github.io/html/index01.html">Histoire</a></li>
<li><a href="jeanprt.github.io/html/index02.html">Échantillonage</a></li>
<li><a href="jeanprt.github.io/html/index03.html">Musique en ligne</a></li>
<li><a href="jeanprt.github.io/html/index04.html">Oscilloscope</a></li>
</ul>
</nav>

</div>
</body>
</html>
59 changes: 59 additions & 0 deletions jeanprt.github.io/Musique_Et_Informatique/css/404.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
body {
background-image: url('../images/waveform.jpeg');
background-color: rgb(15, 26, 32);
background-attachment:fixed;
background-size: cover;
padding: 0;
margin: 0;
}

/* Conteneur page */
.p404 {
display: flex;
flex-direction: column;
align-items: center;
}

/* Titre */
.titre {
padding-top: 200px;
font-family: Jura;
color: white;
}
h1 {
font-size: 500%;
}

/* Liens */
li {
list-style: none;
padding-top: 4px;
}
a {
text-align: center;
display: flex;
font-family: Jura;
display: block;
text-decoration: none;
font-size: 30px;
color: white;
background-color: #000000;
border-radius: 10px;
}

nav ul li a:hover {
color: #2b2626;
text-decoration: none;
background-color: #fff;
}

/* Sélection du curseur */
::selection {
background-color : #000000;
color : #fff
}

::-moz-selection {
background-color : #000000;
color : #fff
}
Loading

0 comments on commit 12bf201

Please sign in to comment.