Browse Source

first commit

master
patch 2 months ago
commit
266694f694
  1. 25
      1.2/footer.php
  2. 41
      1.2/header.php
  3. BIN
      1.2/img/favicon.ico
  4. BIN
      1.2/img/favicon.png
  5. BIN
      1.2/img/html5.png
  6. BIN
      1.2/img/logo.jpg
  7. BIN
      1.2/img/logo_old.jpg
  8. BIN
      1.2/img/twitter.jpg
  9. 81
      1.2/index.html
  10. 19
      1.2/index.php
  11. 75
      1.2/pages/awoo.html
  12. 48
      1.2/pages/contact.html
  13. 79
      1.2/style.css
  14. 121
      1.2/style_old.css
  15. BIN
      1.2/wallpaper/wallpaper-term.jpg
  16. 4
      2.2.3/fontawesome.css
  17. BIN
      2.2.3/gup_cyka.mp4
  18. BIN
      2.2.3/header_footer/favicon.ico
  19. 25
      2.2.3/header_footer/footer.php
  20. 42
      2.2.3/header_footer/header.php
  21. BIN
      2.2.3/header_footer/old_favicon.ico
  22. BIN
      2.2.3/img/centauros.jpg
  23. BIN
      2.2.3/img/html5.png
  24. BIN
      2.2.3/img/logo.jpg
  25. BIN
      2.2.3/img/peertube.png
  26. 37
      2.2.3/index.php
  27. 103
      2.2.3/propos.php
  28. BIN
      2.2.3/respect.jpg
  29. BIN
      2.2.3/rickroll.mp4
  30. BIN
      2.2.3/sonnerie.mp3
  31. 459
      2.2.3/style.css
  32. 3
      README.md

25
1.2/footer.php

@ -0,0 +1,25 @@
<footer>
<br>
<hr>
<br>
<div class="footer-content">
<p>Toutes les marques, logos et produits mentionnés sur ce site appartiennent à leurs propriétaires respectifs.</p>
<a class="ft" href="https://twitter.com/patchint_"><i class="fa fa-2x fa-twitter" aria-hidden="true"></i></a>
<a class="ft" href="https://github.com/patchint_"><i class="fa fa-2x fa-github" aria-hidden="true"></i></a>
<p>
<img src="img/html5.png" alt="HTML5 Valide !" style="width:auto;height:31px">
<a href="https://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px"
src="https://jigsaw.w3.org/css-validator/images/vcss-blue"
alt="CSS Valide !" />
</a>
</p>
</div>
<hr>
<div class="copyim">
<p>&copy; patchint_ Laziness is my knowledge. Version 1.2.0 OPENSOURCE | 2020 - OPENSOURCE VERSION 2021
</div>
</footer>
</body>
</html>

41
1.2/header.php

@ -0,0 +1,41 @@
<!--
_________
/ _____/__.__. ________ _ _______ ______
\_____ < | |/ ___/\ \/ \/ /\__ \ \____ \
/ \___ |\___ \ \ / / __ \| |_> >
/_______ / ____/____ > \/\_/ (____ / __/
\/\/ \/ \/|__|
<## syswap_ - 2020 ##>
<## Laziness is my knowledge ##>
-->
<!DOCTYPE HTML>
<html lang="fr">
<head>
<title>patch | OPENSOURCE | <?php echo $title; ?></title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" media="screen" href="style.css">
<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico" />
<script>
/* Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon */
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
</head>
<body>
<div class="topnav" id="myTopnav">
<a href="index.php" class="active"><img src="img/logo.jpg>" class="logo" alt="logo"></a>
<a href="../../propos" class="propos">À propos</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>

BIN
1.2/img/favicon.ico

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
1.2/img/favicon.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 527 B

BIN
1.2/img/html5.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

BIN
1.2/img/logo.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

BIN
1.2/img/logo_old.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

BIN
1.2/img/twitter.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

81
1.2/index.html

@ -0,0 +1,81 @@
<!DOCTYPE HTML>
<html lang="fr">
<head>
<title>Syswap - Accueil</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" media="screen" href="style.css">
</head>
<body>
<main>
<header>
<nav>
<!-- Ceci est un élément de navigation-->
<div class="table">
<ul>
<li class="main-menu">
<a href="#">Accueil</a>
</li>
<li class="main-menu">
<a href="pages/projet.html">Projets</a>
<ul>
<li><a href="centauros.html">CentaurOS</a></li>
<li><a href="metazi.html">Metazi</a></li>
</ul>
</li>
<li class="main-menu">
<a href="comp.html">Mes PC et autres</a>
</li>
<li class="main-menu">
<a href="pages/contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
</header>
<div class ="container">
<h1 class="t1">Accueil</h1>
<h2 class="t2">Pour résumé</h2>
<p>
Je m'appelle Nikola, j'ai 15 ans, je suis Marseillais mais Albigeois de coeur. Je suis un "défenseur" de <a href="https://fr.wikipedia.org/wiki/Open_source">l'Open Source</a>.
Je suis fan de Linux, de poney, de métal, de waifu badass et autre ^^
</p>
<p>
Etant passionné d'informatique j'en fais au quotidien et peut importe les circonstances, j'aime beaucoup les mangas et animes
ainsi que pleins d'autres choses du Japon ! Mon anime favori restera toujours
<a href="https://fr.wikipedia.org/wiki/Kill_la_Kill">Kill la Kill</a> bien que j'aime énomément d'autres animes comme <a href="https://fr.wikipedia.org/wiki/Little_Witch_Academia">Little Witch Academia</a> et <a href="https://fr.wikipedia.org/wiki/Fullmetal_Alchemist">FullMetal Alchemist</a>
par exemple, mais je pourrais en citer pleins d'autre ^^
</p>
<h2 class="t2">MMmmmhhhh ? :thinking:</h1>
<p>
J'ai grandis autour des PC et des JV et autres joyeusetés de geek (ahem, j'ai horreur de cette appelation). Une personne de mon entourage quand j'étais encore qu'un enfant de 9 ans étant férru de PC, j'ai eu pour envie de me pencher
dessus en CM2 alors que je jouais encore à Rayman ou Splatoon sur Wii U (console de mon coeur). J'ai commencé avec ce que vous lisez, du HTML et du CSS, il y a eu du level depuis !
J'ai ensuite commencé à m'intéressé au Java et au modding sur Minecraft.
</p>
<p>
Mon humour est une des choses qui me fait souvent défaut, bien que je sois un sois disant enfant caché d'une nuit qu'à mal tournée entre <a href="https://fr.wikipedia.org/wiki/Mathieu_Sommet">Mathieu Sommet</a>, <a href="https://fr.wikipedia.org/wiki/Antoine_Daniel">Antoine Daniel</a>, <a href="https://fr.wikipedia.org/wiki/Joueur_du_Grenier">JDG</a> et <a href="https://fr.wikipedia.org/wiki/Jean-Marie_Bigard">Bigard</a>...
</p>
<h1>
SITE ENCORE EN CONSTRUCTION !
</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris tincidunt lectus at vehicula vulputate. Vivamus ut nibh eget purus accumsan iaculis. Maecenas a euismod neque. Interdum et malesuada fames ac ante ipsum primis in faucibus. Praesent eleifend purus a urna pulvinar, et mollis est commodo. Sed felis augue, congue id sapien vel, congue feugiat magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam id convallis mi. Curabitur placerat rutrum tortor et sollicitudin. Vivamus faucibus dui at leo commodo, eu commodo sem tincidunt. Nunc ut diam eu eros posuere tempus sed ac augue. Nullam tristique pulvinar sem. Praesent sit amet diam orci. Nullam posuere eget lacus a vestibulum. Pellentesque porttitor scelerisque facilisis.
Proin in eros ut justo pharetra rutrum. Duis sagittis nunc quis ultricies suscipit. Sed in massa mollis, congue lacus eget, placerat risus. Nulla scelerisque ut lorem ut maximus. Phasellus mattis nulla id lectus interdum luctus. Proin facilisis blandit felis vel semper. Praesent in massa eget tortor volutpat dignissim. Nullam sed mauris ac magna dignissim auctor vitae ac lacus. Aenean varius porttitor iaculis.
Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur faucibus fermentum mauris et blandit. Nunc eget magna eu nibh maximus gravida id vel est. Aliquam dapibus erat odio, at venenatis ante dignissim nec. Suspendisse dapibus mauris ante, id molestie lectus tempus sit amet. Pellentesque ultrices a justo et blandit. Mauris volutpat nisl vel massa auctor, et luctus justo posuere. Phasellus efficitur sollicitudin lorem, nec sagittis augue tincidunt at. Nam vestibulum velit ut nulla interdum, quis sodales sapien commodo. Phasellus sagittis et mi sed fringilla. Aliquam sit amet turpis sed sapien bibendum imperdiet. Aenean sagittis diam turpis, ut consequat nisi vestibulum in. Vestibulum bibendum eros nec neque maximus, id ornare nulla blandit.
Vestibulum tristique purus ut leo aliquet aliquam. Cras congue massa ac mi elementum, in tempor nulla molestie. Mauris augue turpis, sollicitudin vitae nibh ac, fermentum suscipit arcu. Morbi placerat, elit quis lobortis laoreet, risus ligula pulvinar tortor, quis cursus ligula orci at metus. Vivamus id sem quis erat tempus laoreet at eu purus. Nam et interdum justo. Curabitur ornare ante id cursus iaculis. Phasellus quis ante hendrerit, condimentum lacus at, pulvinar augue. Phasellus dapibus nisl felis, id sollicitudin sem eleifend non. Ut tincidunt nibh eu ex faucibus, eget semper mauris vehicula. Phasellus urna diam, commodo sit amet tortor molestie, faucibus feugiat diam. Proin enim nulla, vulputate vitae felis at, tincidunt faucibus ex. Suspendisse vitae mauris scelerisque, scelerisque dui a, commodo enim. Ut mattis purus non libero consequat, eu vehicula eros ultrices. Curabitur eu pharetra nisi.
Proin blandit mi in suscipit sagittis. Aliquam a orci vitae dolor condimentum sagittis. Duis tempus orci id imperdiet finibus. Duis consequat egestas enim. Aliquam quis sagittis neque. Aliquam erat volutpat. Phasellus sodales, elit in imperdiet malesuada, ante felis vulputate lacus, et varius urna felis sit amet tellus. Sed tempus feugiat lobortis. Cras cursus hendrerit volutpat. Aenean sodales lectus lorem, eget sagittis velit venenatis sit amet. Proin porttitor ex sit amet purus vehicula euismod. Proin ut magna quis sem efficitur pharetra a vitae purus. Nunc hendrerit lacinia scelerisque.
</p>
</div>
</main>
<footer>
<div>
<p>Syswap | 2020. Les marques, logos et produits mentionnés sur ce site appartiennent à leurs propriétaires respectif. Version 1<a href="pages/awoo.html">.</a>0</p>
</div>
</footer>
</body>
</html>

19
1.2/index.php

@ -0,0 +1,19 @@
<?php
$title = 'Accueil';
include ('header.php');
?>
<div class ="content">
<div class="body-content">
<h1 class="t1">Accueil</h1>
<p>
Voici la version dite OPENSOURCE de mon site Web, ici la version 1.2
</p>
<br>
<br>
<br>
<br>
</div>
</div>
<?php include ('footer.php'); ?>

75
1.2/pages/awoo.html

@ -0,0 +1,75 @@
<!DOCTYPE HTML>
<head>
<title>Syswap - Awoooo</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" media="screen" href="../style.css">
</head>
<body>
<header>
<nav>
<!-- Ceci est un élément de navigation-->
<div class="menu">
<ul>
<li class="main-menu">
<a href="../index.html">Accueil</a>
</li>
<li class="main-menu">
<a href="projet.html">Projets</a>
<ul>
<li><a href="centauros.html">CentaurOS</a></li>
<li><a href="metazi.html">Metazi</a></li>
</ul>
</li>
<li class="main-menu">
<a href="comp.html">Mes PC et autres</a>
</li>
<li class="main-menu">
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
</header>
<div class ="container">
<p>
⣿⣿⣿⣿⣿⣿⡷⣯⢿⣿⣷⣻⢯⣿⡽⣻⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣇⠸⣿⣿⣆⠹⣿⣿⢾⣟⣯⣿⣿⣿⣿⣿⣿⣽⣻⣿⣿⣿⣿⣿⣿⣿⣿⣷⡌
⣿⣿⣿⣿⣿⣿⣻⣽⡿⣿⣎⠙⣿⣞⣷⡌⢻⣟⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣿⣿⣿⣿⣿⣿⡄⠹⣿⣿⡆⠻⣿⣟⣯⡿⣽⡿⣿⣿⣿⣿⣽⡷⣯⣿⣿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣟⣷⣿⣿⣿⡀⠹⣟⣾⣟⣆⠹⣯⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⢠⡘⣿⣿⡄⠉⢿⣿⣽⡷⣿⣻⣿⣿⣿⣿⡝⣷⣯⢿⣿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣯⢿⣾⢿⣿⡄⢄⠘⢿⣞⡿⣧⡈⢷⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡇⢸⣧⠘⣿⣷⠈⣦⠙⢿⣽⣷⣻⣽⣿⣿⣿⣿⣌⢿⣯⢿⣿⣿⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣟⣯⣿⢿⣿⡆⢸⡷⡈⢻⡽⣷⡷⡄⠻⣽⣿⣿⡿⣿⣿⣿⣿⣿⣿⣷⣿⣿⣿⣿⣏⢰⣯⢷⠈⣿⡆⢹⢷⡌⠻⡾⢋⣱⣯⣿⣿⣿⣿⡆⢻⡿⣿⣿⣿⣿⡟⣿
⣿⣿⣿⣿⣿⣿⡎⣿⢾⡿⣿⡆⢸⣽⢻⣄⠹⣷⣟⣿⣄⠹⣟⣿⣿⣟⣿⣿⣿⣿⣿⣿⣽⣿⣿⣿⡇⢸⣯⣟⣧⠘⣷⠈⡯⠛⢀⡐⢾⣟⣷⣻⣿⣿⣿⡿⡌⢿⣻⣿⣿⣿⣿⡌
⣿⣿⣿⣿⣿⣿⣧⢸⡿⣟⣿⡇⢸⣯⣟⣮⢧⡈⢿⣞⡿⣦⠘⠏⣹⣿⣽⢿⣿⣿⣿⣿⣯⣿⣿⣿⡇⢸⣿⣿⣾⡆⠹⢀⣠⣾⣟⣷⡈⢿⣞⣯⢿⣿⣿⣿⢷⠘⣯⣿⣿⣿⣿⣷
⣿⣿⣿⣿⣿⣿⣿⡈⣿⢿⣽⡇⠘⠛⠛⠛⠓⠓⠈⠛⠛⠟⠇⢀⢿⣻⣿⣯⢿⣿⣿⣿⣷⢿⣿⣿⠁⣾⣿⣿⣿⣧⡄⠇⣹⣿⣾⣯⣿⡄⠻⣽⣯⢿⣻⣿⣿⡇⢹⣾⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⡇⢹⣿⡽⡇⢸⣿⣿⣿⣿⣿⣞⣆⠰⣶⣶⡄⢀⢻⡿⣯⣿⡽⣿⣿⣿⢯⣟⡿⢀⣿⣿⣿⣿⣿⣧⠐⣸⣿⣿⣷⣿⣿⣆⠹⣯⣿⣻⣿⣿⣿⢀⣿⢿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⠘⣯⡿⡇⢸⣿⣿⣿⣿⣿⣿⣿⣧⡈⢿⣳⠘⡄⠻⣿⢾⣽⣟⡿⣿⢯⣿⡇⢸⣿⣿⣿⣿⣿⣿⡀⢾⣿⣿⣿⣿⣿⣿⣆⠹⣾⣷⣻⣿⡿⡇⢸⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⡇⢹⣿⠇⢸⣿⣿⣿⣿⣿⣿⣿⣿⣷⣄⠻⡇⢹⣆⠹⣟⣾⣽⣻⣟⣿⣽⠁⣾⣿⣿⣿⣿⣿⣿⣇⣿⣿⠿⠛⠛⠉⠙⠋⢀⠁⢘⣯⣿⣿⣧⠘⣿⣿⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⣿⡈⣿⡃⢼⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣦⡙⠌⣿⣆⠘⣿⣞⡿⣞⡿⡞⢠⣿⣿⣿⣿⣿⡿⠛⠉⠁⢀⣀⣠⣤⣤⣶⣶⣶⡆⢻⣽⣞⡿⣷⠈⣿⣻⣿⣿
⣿⣿⣿⣿⣿⣿⣿⣿⡿⠃⠘⠁⠉⠉⠉⠉⠉⠉⠉⠉⠉⠙⠛⠛⢿⣄⢻⣿⣧⠘⢯⣟⡿⣽⠁⣾⣿⣿⣿⣿⣿⡃⢀⢀⠘⠛⠿⢿⣻⣟⣯⣽⣻⣵⡀⢿⣯⣟⣿⢀⣿⣽⣿⣿
⣿⣿⣿⣟⣿⣿⣿⣿⣶⣶⡆⢀⣿⣾⣿⣾⣷⣿⣶⠿⠚⠉⢀⢀⣤⣿⣷⣿⣿⣷⡈⢿⣻⢃⣼⣿⣿⣿⣿⣻⣿⣿⣿⡶⣦⣤⣄⣀⡀⠉⠛⠛⠷⣯⣳⠈⣾⡽⣾⢀⣿⢾⣿⣿
⣿⢿⣿⣿⣻⣿⣿⣿⣿⣿⡿⠐⣿⣿⣿⣿⠿⠋⠁⢀⢀⣤⣾⣿⣿⣿⣿⣿⣿⣿⣿⣌⣥⣾⡿⣿⣿⣷⣿⣿⢿⣷⣿⣿⣟⣾⣽⣳⢯⣟⣶⣦⣤⡾⣟⣦⠘⣿⢾⡁⢺⣿⣿⣿
⣿⣻⣿⣿⡷⣿⣿⣿⣿⣿⡗⣦⠸⡿⠋⠁⢀⢀⣠⣴⢿⣿⣽⣻⢽⣾⣟⣷⣿⣟⣿⣿⣿⣳⠿⣵⣧⣼⣿⣿⣿⣿⣿⣾⣿⣿⣿⣿⣿⣽⣳⣯⣿⣿⣿⣽⢀⢷⣻⠄⠘⣯⣿⣿
⣿⢷⣻⣿⣿⣷⣻⣿⣿⣿⡷⠛⣁⢀⣀⣤⣶⣿⣛⡿⣿⣮⣽⡻⣿⣮⣽⣻⢯⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣯⢀⢸⣿⢀⡆⣿⣿⣿
⠸⣟⣯⣿⣿⣷⢿⣽⣿⣿⣷⣿⣷⣆⠹⣿⣶⣯⠿⣿⣶⣟⣻⢿⣷⣽⣻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⢀⣯⣟⢀⡇⢼⣿⣿
⣇⠹⣟⣾⣻⣿⣿⢾⡽⣿⣿⣿⣿⣿⣆⢹⣶⣿⣻⣷⣯⣟⣿⣿⣽⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⢀⡿⡇⢸⡇⢸⣿⡇
⣿⣆⠹⣷⡻⣽⣿⣯⢿⣽⣻⣿⣿⣿⣿⣆⢻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠛⢻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠇⢸⣿⠇⣼⡇⢸⡿⢠
⡙⠾⣆⠹⣿⣦⠛⣿⢯⣷⢿⡽⣿⣿⣿⣿⣆⠻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠃⠎⢸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠏⢀⣿⣾⣣⡿⡇⢸⢃⣾
⣿⣷⡌⢦⠙⣿⣿⣌⠻⣽⢯⣿⣽⣻⣿⣿⣿⣧⠩⢻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡏⢰⢣⠘⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠃⢀⢀⢿⣞⣷⢿⡇⠉⣼⣿
⣿⣽⣆⠹⣧⠘⣿⣿⡷⣌⠙⢷⣯⡷⣟⣿⣿⣿⣷⡀⡹⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣷⣈⠃⣸⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠟⢀⣴⡧⢀⠸⣿⡽⣿⢀⣾⣿⣿
⢻⣽⣿⡄⢻⣷⡈⢿⣿⣿⢧⢀⠙⢿⣻⡾⣽⣻⣿⣿⣄⠌⢿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠛⢁⣰⣾⣟⡿⢀⡄⢿⣟⣿⢀⣿⣿⣿
⡄⢿⣿⣷⢀⠹⣟⣆⠻⣿⣿⣆⢀⣀⠉⠻⣿⡽⣯⣿⣿⣷⣈⢻⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠋⢀⣠⠘⣯⣷⣿⡟⢀⢆⠸⣿⡟⢸⣿⣿⣿
⣷⡈⢿⣿⣇⢱⡘⢿⣷⣬⣙⠿⣧⠘⣆⢀⠈⠻⣷⣟⣾⢿⣿⣆⠹⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⣿⡿⠋⣠⡞⢡⣿⢀⣿⣿⣿⠇⡄⢸⡄⢻⡇⣼⣿⣿⣿
⣿⣷⡈⢿⣿⡆⢣⡀⠙⢾⣟⣿⣿⣷⡈⠂⠘⣦⡈⠿⣯⣿⢾⣿⣆⠙⠻⠿⠿⠿⠿⡿⣿⣿⣿⣿⣿⣿⣿⣿⣿⠿⠛⢋⣠⣾⡟⢠⣿⣿⢀⣿⣿⡟⢠⣿⢈⣧⠘⢠⣿⣿⣿⣿
⣿⣿⣿⣄⠻⣿⡄⢳⡄⢆⡙⠾⣽⣿⣿⣆⡀⢹⡷⣄⠙⢿⣿⡾⣿⣆⢀⡀⢀⢀⢀⢀⢀⢀⢀⢀⢀⢀⢀⢀⣀⣠⣴⡿⣯⠏⣠⣿⣿⡏⢸⣿⡿⢁⣿⣿⢀⣿⠆⢸⣿⣿⣿⣿
⣿⣿⣿⣿⣦⡙⣿⣆⢻⡌⢿⣶⢤⣉⣙⣿⣷⡀⠙⠽⠷⠄⠹⣿⣟⣿⣆⢙⣋⣤⣤⣤⣄⣀⢀⢀⢀⢀⣾⣿⣟⡷⣯⡿⢃⣼⣿⣿⣿⠇⣼⡟⣡⣿⣿⣿⢀⡿⢠⠈⣿⣿⣿⡟
⣿⣿⣿⣿⣿⣷⣮⣿⣿⣿⡌⠁⢤⣤⣤⣤⣬⣭⣴⣶⣶⣶⣆⠈⢻⣿⣿⣆⢻⣿⣿⣿⣿⣿⣿⣷⣶⣤⣌⣉⡘⠛⠻⠶⣿⣿⣿⣿⡟⣰⣫⣴⣿⣿⣿⣿⠄⣷⣿⠆⢻⣿⣿⡇
</p>
<p>
Awooooooooooooooooooooooooooo
</p>
</div>
<footer>
<p>Syswap | 2020. Les marques, logos et produits mentionnés sur ce site appartiennent à leurs propriétaires respectif. Version 1.0</p>
</footer>
</div>
</body>

48
1.2/pages/contact.html

@ -0,0 +1,48 @@
<!DOCTYPE HTML>
<html>
<head>
<title>Syswap - Contact</title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" media="screen" href="../style.css">
</head>
<body>
<header>
<nav>
<!-- Ceci est un élément de navigation-->
<div class="menu">
<ul>
<li class="main-menu">
<a href="../index.html">Accueil</a>
</li>
<li class="main-menu">
<a href="projet.html">Projets</a>
<ul>
<li><a href="centauros.html">CentaurOS</a></li>
<li><a href="metazi.html">Metazi</a></li>
</ul>
</li>
<li class="main-menu">
<a href="comp.html">Mes PC et autres</a>
</li>
<li class="main-menu">
<a href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
</header>
<div class ="container">
<h1 class="t1">Contacts</h1>
<h2 class="t2">YouTube</h2>
<p class="contact-spec">
Ma chaîne YouTube est un peu l'endroit où j'y poste tout les 10 ans mais aussi ce qui me sert de dépots de projet ou mes conneries ^^
</p>
<a href="https://www.youtube.com/channel/UC3Ua_IY0vYNzzuIlKs5s6nA?view_as=subscriber"><img class="ytb" src="../img/logo.jpg" alt="YouTube Channel"/></a>
</div>
<div class="footer">
<p>Syswap | 2020. Les marques, logos et produits mentionnés sur ce site appartiennent à leurs propriétaires respectif. Version 1.0</p>
</div>
</body>
</html>

79
1.2/style.css

@ -0,0 +1,79 @@
body {
font-family: 'Source code pro', Calibri, serif;
margin: 0;
padding: 0;
}
/* menu */
nav {
width: 100%;
background-color: #424558;
position: fixed;
top: 0;
}
nav ul {
margin: 0px;
padding: 0px;
overflow: hidden;
}
nav li {
list-style-type: none;
float: left;
}
nav a {
display: inline-block;
text-decoration: none;
padding: 20px 30px;
color: #FFF;
text-decoration: #FFF;
}
nav ul ul li a {
display: block;
}
nav ul ul li {
visibility: hidden;
}
.main-menu:hover {
border-top: 5px solid #e44d26;
background-color: RGBa(228, 77, 38, 0.15);
transition: 0.5s
}
nav li:hover a {
padding: 15px 30px 20px 30px;
text-decoration: #FFF;
}
.table {
display: table;
margin: 0 auto;
}
/* content */
.t1 {
color: #9c8d8c;
text-decoration: underline;
}
.t2 {
color: #c4746e;
text-decoration: underline;
}
p {
font-size: 20px;
}
/* Specific of contact.html */
.ytb {
height: 100px;
width: 100px;
box-shadow : 8px 8px 5px black;
float: left;
}

121
1.2/style_old.css

@ -0,0 +1,121 @@
/* navigation */
body {
font-family: 'Source code pro', Calibri, serif;
margin: 0px;
padding: 0px;
text-align: center;
}
nav {
width: 100%;
background-color: #424558;
position: fixed;
top: 0;
}
nav ul {
margin: 0px;
padding: 0px;
overflow: hidden;
}
nav li {
list-style-type: none;
float: left;
}
nav a {
display: inline-block;
text-decoration: none;
padding: 20px 30px;
color: #FFF;
text-decoration: #FFF;
}
.main-menu:hover {
border-top: 5px solid #e44d26;
background-color: RGBa(228, 77, 38, 0.15);
transition: 0.5s
}
nav li:hover a {
padding: 15px 30px 20px 30px;
text-decoration: #FFF;
}
.table {
display: table;
margin: 0 auto;
}
/* other */
html, body{
margin: 0;
padding: 0;
}
/* container */
.container {
margin-right: 500px;
margin-left: 500px;
text-align: justify;
margin-top: 100px;
min-height: 100%;
position: relative;
}
footer {
background-color: black;
color: white;
position: absolute;
bottom: 0px; right: 0px; left: 0px;
text-align: center;
padding: 10px;
font-size: 14px;
}
.t1 {
color: #9c8d8c;
text-decoration: underline;
margin-left: -40px;
}
.t2 {
color: #c4746e;
margin-left: 10px;
text-decoration: underline;
}
p {
font-size: 20px;
margin-left: 10px;
}
/* Specific of contact.html */
.ytb {
height: 100px;
width: 100px;
box-shadow : 8px 8px 5px black;
float: left;
margin-top: -100px;
margin-left: -150px;
top: 100px;
left: 900px;
}
/* Moble */
@media only screen and (max-width: 120px){
.rbody{
width: auto;
margin-left: 200px;
margin-right: 200px;
}
nav{
text-align: left;
}
}

BIN
1.2/wallpaper/wallpaper-term.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 225 KiB

4
2.2.3/fontawesome.css

File diff suppressed because one or more lines are too long

BIN
2.2.3/gup_cyka.mp4

Binary file not shown.

BIN
2.2.3/header_footer/favicon.ico

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

25
2.2.3/header_footer/footer.php

@ -0,0 +1,25 @@
<footer>
<div class="footer-content">
<p class="footer-warning">
Toutes les marques, logos et produits mentionnés sur ce site appartiennent à leurs propriétaires respectifs.
</p>
<div class="social">
<a class="ft" href="https://twitter.com/patchint_"><i class="fa fa-2x fa-twitter" aria-hidden="true"></i></a>
<a class="ft" href="https://github.com/patchint_"><i class="fa fa-2x fa-github" aria-hidden="true"></i></a>
</div>
<br>
<div class="footer-info">
<p>&copy; patchint_ Laziness is my knowledge. Version 2.2.3 OPENSOURCE | 2020 - OPENSOURCE VERSION 2021
</div>
<br>
<img src="img/html5.png" alt="HTML5 Valide !" style="width:auto;height:31px">
<a href="https://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px" src="https://jigsaw.w3.org/css-validator/images/vcss-blue" alt="CSS Valide !"/>
</a>
<br>
<br>
</div>
</footer>
</body>
</html>

42
2.2.3/header_footer/header.php

@ -0,0 +1,42 @@
<!--
_________
/ _____/__.__. ________ _ _______ ______
\_____ < | |/ ___/\ \/ \/ /\__ \ \____ \
/ \___ |\___ \ \ / / __ \| |_> >
/_______ / ____/____ > \/\_/ (____ / __/
\/\/ \/ \/|__|
<## syswap_ - 2020 ##>
<## Laziness is my knowledge ##>
-->
<!DOCTYPE HTML>
<html lang="fr">
<head>
<title>patch | OPENSOURCE | <?php echo $title; ?></title>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" media="screen" href="style.css">
<link rel="shortcut icon" type="image/x-icon" href="header_footer/favicon.ico" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script>
/* Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon */
function myFunction() {
var x = document.getElementById("myTopnav");
if (x.className === "topnav") {
x.className += " responsive";
} else {
x.className = "topnav";
}
}
</script>
</head>
<body>
<div class="topnav" id="myTopnav">
<a href="index.php" class="active">Accueil</a>
<a href="propos.php" class="propos">À propos</a>
<a href="javascript:void(0);" class="icon" onclick="myFunction()">
<i class="fa fa-bars"></i>
</a>
</div>

BIN
2.2.3/header_footer/old_favicon.ico

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
2.2.3/img/centauros.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 107 KiB

BIN
2.2.3/img/html5.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.1 KiB

BIN
2.2.3/img/logo.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 38 KiB

BIN
2.2.3/img/peertube.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

37
2.2.3/index.php

@ -0,0 +1,37 @@
<?php
$title = 'Accueil';
include ('header_footer/header.php');
?>
<div class="content-index">
<div class="body-index">
<div class="content-left">
<h1 class="t1">Accueil</h1>
<p>
Bienvenue sur mon site !
</p>
<p>
Voici la version dite OPENSOURCE de mon site Web, ici la version 2.2.3.<br>
Dans le futur je compte pouvoir proposer une version complétement libre, pour l'instant puisqu'on me la demander, voici une vieille version de mon site.<br>
La 4.0 est en préparation, je vais rendre libre toutes les autres versions quand j'aurais le temps.<br>
</p>
</div>
<div class="content-right">
<h2 class="t1">Présentation</h2>
<div class="present">
<a href="https://twitter.com/patchint_" target="_blank"><img class="present-img" src="img/logo.jpg" alt=""></a><br>
<p>patch , ou plus communément Romane, 16 ans, développeuse et Sys/net ainsi que Présidente dans l'Association SpaceInt</p>
<br>
</div>
<br>
</div>
</div>
</div>
<?php
include ('header_footer/footer.php');
?>

103
2.2.3/propos.php

@ -0,0 +1,103 @@
<?php
$title = 'À propos';
$logo = 'img/logo.jpg';
include ('header_footer/header.php');
?>
<div class ="content">
<div class="body-content">
<h1 class="t1">A propos</h1>
<h2 class="t2">Pour résumé</h2>
<p>
Je m’appelle Romane, j’ai 16 ans, je suis marseillaise, mais albigeoise de cœur. Je suis une fervenet défenseuse de tout ce qui touche de près ou de loin au libre (GNU, Open Source, Open Hardware).
<br>
<br>
J’aime énormément Linux, les poneys, le métal, et autre :p . Souvent dises, les personnes que je connais dans la communauté que je suis un humoriste en herbe mais je n’y crois pas trop :/
<br>
<br>
Etant passionné d’informatique depuis mon plus jeune âge, j’en fais au quotidien et je souhaite le partagé au plus grand nombre.
<br>
<br>
Néanmoins, je reste tout de même un gros consommateur de contenu japonais et de conneries sur internet. Je pourrais prendre comme exemple, les animes et mangas que j’aime, tel que Kill la Kill ainsi que tous les animes de chez Trigger. Black Rock Shooter, Love Live ! , FullMetal Alchemist et j’en passe.
<br>
<br>
Je suis tout de même un fan amateur, de la franchise Touhou Project. Je pourrais aussi parler de Kantai Collection ou Girls und Panzer.
<br>
<br>
Ca fait long pour un résumé ^^’’
</p>
<br>
<h2 class="t2">Mes débuts dans la matière</h2>
<p>
J’ai débuté comme tout le monde en info, avec rien comme connaissance et en me débrouillant sur des sites tel que OpenClassroom (anciennement le site du zéro), et StackOverflow par exemple.<br>
Retenez bien, le meilleur moyen d’apprendre c’est l’autodidacte !<br>
<br>
Mon tout premier PC était une tour sur Windows XP avec un Athlon 64 x2 et 1go de ram ! Bon, je ne faisais pas grand-chose dessus, j’étais jeune. Après j’ai eu un PC portable eMachine sous Windows 7 qui fonctionne encore aujourd’hui.<br>
<br>
J’ai débuté en dev en faisant des sites web, comme celui que vous voyez à présent, mais bien moins élaboré que maintenant. Autant dire que ça tournais qu’en local ces merdes ! Et surtout que c’était dégueulasse ^^’’<br>
<br>
Ensuite j’ai commencé à m’intéresser au Java, et maintenant au C++. J’ai fait des mods et des plugins pour Minecraft (un jour si je les retrouves, je les mettrais ici pour que vous rigolez des trucs que je faisais ^^’’).
</p>
<br>
<h2 class="t2">Le libre</h2>
<p>
Oui, comme j’ai dis précédemment, je suis pour le libre. Malgré ça j’utilise beaucoup Windows au quotidien (Windows 10 Entreprise pour être précis), mais j’utilise aussi Linux, comme par exemple Debian, le serveur sur lequel tourne ce site est sous Debian :3 (Enfin, Raspbian plutôt).<br>
<br>
Les distros Linux que je recommanderais pour débuter : <br>
<br>
<ul>
<li>Ubuntu avec Unity ou Plasma </li>
<li>KDE Neon, c’est Ubuntu, mais avec Plasma mais moins buguer que Kubuntu.</li>
<li>Manjaro</li>
</ul>
<p>
Pour aller plus loin :<br>
</p>
<ul>
<li>ArchLinux, distro où le peu choisir ses propres paquets pour faire sa "propre distro"</li>
<li>Debian, distro à utiliser seulement pour des serveurs ou du build Android par exemple.</li>
<li>KaliLinux, distro orienté sécurité réseau et informatique plus en général. En revanche je ne le recommanderais absolument pas en tant que distro principal.</li>
</ul>
<p>
Les DE que j'apprécie :<br>
</p>
<ul>
<li>Plasma</li>
<li>Cinnamon</li>
<li>Xfce</li>
<li>Unity</li>
</ul>
<br>
<h2 class="t2">Les JV et le contenue japonais</h2>
<p>
J’aime énormément les jeux-vidéo, c’est même une des choses que j’aime le plus. Je préfère tout de même le rétro gaming mais ça c’est un autre débat :3<br>
<br>
Les mangas et animes ainsi que le contenu type shitpost, est à peu près ce que j’adore sur le net !<br>
<br>
Je pourrais vous faire une liste de tous les animes que j’ai vu ces 10 dernières années mais ça serais très long :p
</p>
<br>
<h2 class="t2">Les bêbêtes</h2>
<p>
Putain ! Arrêtez de manger les lapins !! (T_T)
<br>
Mes animaux préférés :
<br>
<ul>
<li>Les chats</li>
<li>Les lapins</li>
<li>Les loups</li>
<li>Les renards</li>
</ul>
<br>
<h2 class="t2">En bref</h2>
<p>
Je suis un développeur et sysadmin, encore jeune, pour l’instant amateur, mais je souhaite faire de ma passion un travail plus tard ^^
</p>
<p class="info">
Je consacre d'ailleurs une page dédier au personne que j'ai pu rencontrer ici et là dans la communauté de l'IT. Disponible <a href="https://syswap.ddns.net/mutu">ici</a>.
</p>
</div>
</div>
<?php include ('header_footer/footer.php'); ?>

BIN
2.2.3/respect.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

BIN
2.2.3/rickroll.mp4

Binary file not shown.

BIN
2.2.3/sonnerie.mp3

Binary file not shown.

459
2.2.3/style.css

@ -0,0 +1,459 @@
/* content */
body {
color: white;
background-color: rgba(21, 54, 76, 1);
margin: 0%;
padding: 0%;
}
body a {
color: orange;
}
.content {
margin-top: 35px;
min-height: 100%;
position: relative;
}
.body-content {
background-color: #3b3052;
z-index: 3;
padding-left: 10%;
padding-right: 10%;
padding-bottom: 1%;
padding-top: 2%;
margin-bottom: 5%;
margin-top: 35px;
border: 2px solid whitesmoke;
border-radius: 10px;
box-shadow: 0 5px 10px rgba(0,0,0,0.19), 0 3px 3px rgba(0,0,0,0.23);
}
/* Specific of Accueil */
.body-index {
background-color: #3b3052;
z-index: 3;
padding-left: 10%;
padding-right: 10%;
padding-bottom: 1%;
padding-top: 2%;
margin-bottom: 5%;
margin-top: 35px;
border: 2px solid whitesmoke;
border-radius: 10px;
display: flex;
box-shadow: 0 5px 10px rgba(0,0,0,0.19), 0 3px 3px rgba(0,0,0,0.23);
}
.content-left {
min-height: 100%;
position: relative;
}
.content-right {
background-color: rgba(27, 33, 70, 0.47);
padding-left: 20px;
padding-right: 20px;
margin-left: 50px;
border: 2px solid whitesmoke;
border-radius: 10px;
box-shadow: 0 5px 10px rgba(0,0,0,0.19), 0 3px 3px rgba(0,0,0,0.23);
}
.discord{
border-radius: 10px;
width: 350px;
height: 350px;
}
.present {
border: 3px solid #a2a9b1;
background-color: rgba(64, 73, 79, 1);
padding: 50px;
padding-bottom: 70px;
margin-right: auto;
margin-left: auto;
width: 243px;
height: 240px;
border-radius: 10px;
}
.present > p {
font-size: 115%;
}
.present-img {
margin-left: 40px;
height: 150px;
width: 150px;
border-radius: 5px;
box-shadow: 0 5px 10px rgba(0,0,0,0.19), 0 3px 3px rgba(0,0,0,0.23);
}
/**/
/**/
/**/
/**/
.t1 {
color: white;
margin-left: -3%;
margin-right: -3%;
background-color: rgba(219, 61, 61, 0.5);
border-left: 4px solid #DC3D3D;
border-right: 4px solid #DC3D3D;
padding-bottom: 5px;
margin-bottom: 25px;
text-align: center;
font-family: Arial;
}
.t2 {
color: white;
margin-left: -2%;
margin-right: -2%;
background-color: rgba(255, 68, 0, 0.5);
border-left: 4px solid #FF4500;
border-right: 4px solid #FF4500;
padding-bottom: 5px;
margin-bottom: 25px;
text-align: center;
font-family: Arial;
}
p {
font-size: 20px;
margin-left: 10px;
font-family: "Rubik", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
li {
color: wheat;
font-family: "Rubik", -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 20px;
}
.warning {
background-color: rgba(190, 125, 65, 0.39);
border-left: 4px solid orangered;
border-right: 4px solid orangered;
padding-left: 25px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
.info {
background-color: rgba(0, 78, 122, 1);
border-right: 4px solid #00277a;
border-left: 4px solid #00277a;
padding-left: 25px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
.config {
height: 500px;
width: 1100px;
border: 2px solid whitesmoke;
border-radius: 10px;
box-shadow: 0 5px 10px rgba(0,0,0,0.19), 0 3px 3px rgba(0,0,0,0.23);
}
/* footer */
footer {
margin: 0%;
padding: 0%;
color: white;
text-align: center;
position: relative;
background-color: rgba(55, 39, 89, 1);
box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.75);
}
.social {
background-color: rgba(0, 78, 122, 1);
border-right: 4px solid #00277a;
border-left: 4px solid #00277a;
padding: 10px;
}
.footer-info {
background-color: rgba(0, 78, 122, 1);
border-right: 4px solid #00277a;
border-left: 4px solid #00277a;
padding-left: 25px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
.footer-content {
padding-top: 5px;
}
.footer-warning {
background-color: rgba(190, 125, 65, 0.39);
border-right: 4px solid orangered;
border-left: 4px solid orangered;
margin-left: 0%;
padding-left: 25px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
}
.ft {
color: orange;
margin: 7px;
}
/* nav */
/* J'avoue j'ai claqué le code de chez w3schools car ça m'a cassé les couilles */
.topnav {
background: linear-gradient(90deg, rgba(131,58,180,1) 0%, rgba(75,81,187,1) 50%, rgba(252,176,69,1) 100%);
overflow: hidden;
position: sticky;
z-index: 5;
margin: 0;
padding: 0;
top: 0;
box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.75);
font-family: Arial;
}
.topnav a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.topnav a:hover {
background-color: #3248a8;
transition-duration: 0.25s;
color: whitesmoke;
}
.topnav a.active {
color: white;
}
.topnav .active:hover {
transition-duration: 0.25s;
color: whitesmoke;
}
.topnav .icon {
display: none;
}
.topnav .propos {
float: right;
}
.topnav .propos:hover {
background-color: #40a832;
color: whitesmoke;
transition-duration: 0.25s;
}
.topnav .nav-left {
float: right;
}
@media screen and (max-width: 600px) {
.topnav a:not(:first-child) {display: none;}
.topnav a.icon {
float: right;
display: block;
}
}
@media screen and (max-width: 600px) {
.topnav.responsive {position: sticky;}
.topnav.responsive a.icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
.topnav {
z-index: 1;
}
}
/* Download */
.btn {
width: 175px;
height: 50px;
background-color: rgba(49, 170, 8, 0.93);
color: #f2f2f2;
padding: 14px 16px;
font-size: 17px;
border: 3px solid #23809f;
cursor: pointer;
border-radius: 5px;
text-decoration: none;
}
.btn:hover {
background-color: rgba(20, 192, 255, 0.93);
transition-duration: 0.25s;
color: whitesmoke;
}
.dlbox {
border: 3px solid #a2a9b1;
background-color: rgba(64, 73, 79, 1);
padding: 5px;
margin-right: auto;
margin-left: auto;
font-size: 120%;
width: 850px;
height: 300px;
text-align: center;
border-radius: 10px;
box-shadow: 0 5px 10px rgba(0,0,0,0.19), 0 3px 3px rgba(0,0,0,0.23);
}
.dlimg {
height: 150px;
width: 150px;
margin-top: 50px;
padding-bottom: 30px;
}
.sdtest {
margin-right: auto;
margin-left: auto;
width: 350px;
height: 200px;
}
/* Responsive */
/* Mobile */
@media only screen and (min-width: 1200px) {
.sommaire, .mutu {
margin-right: 0%;
}
}
@media only screen and (max-width: 1200px) {
.dlimg {
height: 70px;
width: 70px;
padding-bottom: 5px;
}
.dlbox {
padding: 5px;
padding-bottom: 30px;
margin-right: auto;
margin-left: auto;
font-size: 120%;
width: 280px;
height: 340px;
}
.body-content {
width: auto;
}
.sdtest {
margin-right: auto;
margin-left: auto;
width: 300px;
height: 190px;
}
/*nav menu*/
nav input[type=checkbox], nav label{
visibility: visible;
}
nav > ul > li > a {
color: #FFF;
padding: 20px 30px;
}
.submenu li a{
padding: 20px 30px;
font-size: 13px;
color: #FFF;
width: 270px;
}
li {
font-size: 20px;
}
.body-index {
display: inherit;
}
.content-right {
background-color: rgba(27, 33, 70, 0.47);
border: 2px solid whitesmoke;
border-radius: 10px;
margin-left: 0px;
box-shadow: 0 5px 10px rgba(0,0,0,0.19), 0 3px 3px rgba(0,0,0,0.23);
}
.discord{
border-radius: 10px;
width: 350px;
height: 350px;
}
.present {
border: 3px solid #a2a9b1;
background-color: rgba(64, 73, 79, 1);
padding: 50px;
padding-bottom: 70px;
margin-right: auto;
margin-left: auto;
width: 243px;
height: 240px;
border-radius: 10px;
}
.phone_vid {
visibility: visible;
}
.pc_vid {
visibility: hidden;
}
}
/* PC Portable */
@media screen and (min-width: 1200px){
.dlbox {
width: 545px;
height: 450px;
}
}
.phone_vid {
visibility: hidden;
}
.pc_vid {
visibility: visible;
}

3
README.md

@ -0,0 +1,3 @@
# website
You can use all file of my website, like CSS for example, but I only want to be credit if u use them :)
Loading…
Cancel
Save