Add files via upload

CNAME

@@ -0,0 +1 @@
+easyon.fr

README.md

@@ -1 +1,3 @@
-# easyonez.github.io
+# EasyOn_EZ Website
+## [Link](http://easyon.fr)
+Made by EasyOn_EZ

css/about.css

@@ -0,0 +1,50 @@
+#title {
+    /* position: absolute; */
+    /* margin-left: auto; */
+    /* margin-right: auto; */
+    /* left: 0; */
+    /* right: 0; */
+    width: 300px;
+    /* height: 50px; */
+    /* margin: 0 auto; */
+    /* margin-top: 10px; */
+    /* justify-content: normal; */
+    top: 0%;
+  }
+  #rectangle{
+    font-family: 'M PLUS Code Latin', monospace;
+    font-size: 15px;
+    margin: 0 auto;
+    width:95vw;
+    height:70vh;
+    background:#1F1F1F;
+    position: absolute;
+    top: 20%;
+    margin-left: auto;
+    margin-right: auto;
+    left: 0;
+    right: 0;
+    justify-content: center;
+    padding: 5px;
+    padding-left: 15px;
+    border: 2px solid white;
+    border-radius: 25px;
+    color: white;
+  }
+
+  #about_title {
+    color: aquamarine;
+    position: absolute;
+    margin-left: auto;
+    margin-right: auto;
+    left: 3vw;
+    top: 12vh;
+    font-family: 'M PLUS Code Latin', monospace;
+  }
+  #about_title:hover {
+    color: white;
+  }
+.row:hover {
+  color: aquamarine;
+  cursor: text;
+}

css/css.css

@@ -0,0 +1,137 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100&family=Rampart+One&family=Righteous&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Code+Latin&display=swap');
+
+
+html, body {margin: 0; height: 100%; overflow: hidden}
+body {
+  background-color: black;
+}
+
+.nocopy {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+#phrase {
+  position: relative;
+  top: 36%;
+  color: white;
+  font-size: 25px;
+  font-family: 'Poppins', sans-serif;
+  display: flex;
+  justify-content: center;
+  text-align: center;
+  text-shadow: 2px 2px 5px aquamarine;
+}
+#footer {
+  position: absolute;
+  top: 95%;
+  left: 4;
+  color: white;
+  text-align: center;
+  justify-content: center;
+  font-family: 'Rampart One', cursive;
+  margin-left: auto;
+  margin-right: auto;
+  left: 0;
+  right: 0;
+}
+#logo-holder {
+  justify-content: center;
+  /* position: relative; */
+  position: absolute;
+  top: 30vh;
+  display: flex;
+  flex-direction: row;
+  margin-left: auto;
+  margin-right: auto;
+  left: 0;
+  right: 0;
+}
+.marginright {
+  margin-right: 1em;
+}
+.social:hover {
+    cursor: pointer;
+}
+#kick {
+  font-family: 'Righteous', cursive;
+  color: white;
+  text-decoration: none;
+  margin-top: 1em;
+}
+a:visited { 
+  color: white;
+  text-decoration: none; 
+}
+a:link {
+  color: white;
+  text-decoration: none;
+}
+a:visited {
+  color: aquamarine;
+  text-decoration: none;
+}
+a:hover {
+  color: white;
+}
+a:active {
+  color: white;
+  text-decoration: none;
+}
+#title {
+  /* position: relative; */
+  position: absolute;
+  top: 20vh;
+  color:aquamarine;
+  font-family: 'Righteous', cursive;
+  display: flex;
+  text-align: center;
+  justify-content: center;
+  margin-left: auto;
+  margin-right: auto;
+  left: 0;
+  right: 0;
+}
+#all {
+  display: table;
+  table-layout: fixed; /*Optional*/
+  border-spacing: 10px; /*Optional*/
+  margin: 0 auto;
+  justify-content: center;
+  position: absolute;
+  margin-left: auto;
+  margin-right: auto;
+  left: 0;
+  right: 0;
+  text-align: center;
+}
+.about:hover {
+  background-color: aquamarine;
+  color: black;
+  width: 90px;
+  height: 30px;
+  border: 2px solid white;
+  border-radius: 10px;
+
+}
+.about {
+  font-family: 'M PLUS Code Latin', monospace;
+  font-size: 12px;
+  display: table-cell;
+  position: relative;
+  width: 80px;
+  height: 25px;
+  color: white;
+  vertical-align: middle;
+  transition: width 0,5s;
+  transition: height 0,5s;
+  border: 2px solid white;
+  border-radius: 10px;
+
+
+}

css/ctf.css

@@ -0,0 +1,31 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100&family=Rampart+One&family=Righteous&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Code+Latin&display=swap');
+
+
+html, body {margin: 0; height: 100%; overflow: hidden}
+body {
+  background-color: black;
+}
+
+.nocopy {
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+#title {
+  position: absolute;
+  margin-left: auto;
+  margin-right: auto;
+  left: 0;
+  right: 0;
+  width: 300px;
+  height: 50px;
+  margin: 0 auto;
+  margin-top: 10px;
+  justify-content: normal;
+  top: 0%
+}

css/free_time.css

@@ -0,0 +1,13 @@
+#title {
+    position: absolute;
+    margin-left: auto;
+    margin-right: auto;
+    left: 0;
+    right: 0;
+    width: 300px;
+    height: 50px;
+    margin: 0 auto;
+    margin-top: 10px;
+    justify-content: normal;
+    top: 0%
+  }

index.html

@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="css/css.css">
+    <link rel="icon" type="image/x-icon" href="/img/favicon.ico">
+    <script type="text/javascript" src="index.js"></script>
+    <title>EasyOn</title>
+</head>
+<body>
+        <div id="all">
+            <a class="nocopy" href="./pages/ctf"><div class="about">CTF</div></a>
+            <a class="nocopy" href="./pages/about"><div class="about">About me</div></a>
+            <a class="nocopy" href="./pages/free_time"><div class="about">Free time</div></a>
+        </div>
+        <h1 id="title" class="nocopy" href="../">EasyOn's website</h1>
+    <div class="social-holder" id="logo-holder">
+        <div class="nocopy discord marginright"><a href="https://discord.com/users/1075544459225342032"><img class="social" src="img/icons8-discord-new-48.png"></a></div>
+        <div class="nocopy github marginright"><a href="https://github.com/easyonez"><img class="social" src="img/icons8-github-48.png"></a></div>
+        <div class="nocopy twitter marginright"><a href="https://twitter.com/e4syon"><img class="social" src="img/icons8-twitter-48.png"></a></div>
+<!--        <div class="kick marginright" id="kick"><a href="https://kick.com/EasyOn" class="nocopy">KICK</a></div>-->
+        <div class="nocopy riot"><a href="https://tracker.gg/valorant/profile/riot/EasyOn%239845/overview"><img class="social" src="img/icons8-riot-games-48.png"></a></div>
+    </div>
+    <div id="footer" class="nocopy">
+        Made with &#128151;
+    </div>
+</body>
+</html>

pages/about.html

@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../css/css.css">
+    <link rel="stylesheet" href="../css/about.css">
+    <link rel="icon" type="image/x-icon" href="/img/favicon.ico">
+    <title>EasyOn</title>
+</head>
+<body>
+    <div style="display: flex; flex-direction: row;" class="nocopy">
+        <div style="width: 48px; height: 48px;">
+            <a href="../">
+                <div style="margin: 10px; width: 48px; height: 48px;">
+                    <img class="social" src="../img/icons8-back-48.png" class="nocopy">
+                </div>
+            </a>
+        </div>
+        <h1 id="title" class="nocopy" style="margin-top: 10px;"><a href="../">EasyOn's website</a></h1>
+    </div>
+    <h2 id="about_title" class="nocopy">"About me" console</h2>
+    <div id="rectangle" class="nocopy">
+        <div class="row">> Hello, I'm a Computer Science student at <b>Université de Bordeaux</b></div>
+        <div class="row">> I play videogames and I use my free time to improve my cybersecurity skills</div>
+        <div class="row">> ...</div>
+    </div>
+<div id="footer" class="nocopy">
+        Made with &#128151;
+</div>
+</body>
+</html>

pages/ctf.html

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../css/css.css">
+    <link rel="stylesheet" href="../css/ctf.css">
+    <link rel="icon" type="image/x-icon" href="/img/favicon.ico">
+    <title>EasyOn</title>
+</head>
+<body>
+    <div style="display: flex; flex-direction: row;" class="nocopy">
+        <div style="width: 48px; height: 48px;">
+            <a href="../">
+                <div style="margin: 10px; width: 48px; height: 48px;">
+                    <img class="social" src="../img/icons8-back-48.png" class="nocopy">
+                </div>
+            </a>
+
+        </div><h1 id="title" class="nocopy" style="margin-top: 10px;"><a href="../">EasyOn's website</a></h1>
+    </div>
+    <div id="footer" class="nocopy">
+            Made with &#128151;
+    </div>
+</body>
+</html>

pages/free_time.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="../css/css.css">
+    <link rel="stylesheet" href="../css/free_time.css">
+    <link rel="icon" type="image/x-icon" href="/img/favicon.ico">
+    <title>EasyOn</title>
+</head>
+<body>
+    <div style="display: flex; flex-direction: row;" class="nocopy">
+        <div style="width: 48px; height: 48px;">
+            <a href="../">
+                <div style="margin: 10px; width: 48px; height: 48px;">
+                    <img class="social" src="../img/icons8-back-48.png" class="nocopy">
+                </div>
+            </a>
+        </div>
+    <h1 id="title" class="nocopy" style="margin-top: 10px;"><a href="../">EasyOn's website</a></h1></div>
+    <div id="footer" class="nocopy">
+            Made with &#128151;
+    </div>
+</body>
+</html>