diff --git a/Jeux_404/main.html b/404.html similarity index 91% rename from Jeux_404/main.html rename to 404.html index 108c39b..1613f33 100644 --- a/Jeux_404/main.html +++ b/404.html @@ -9,11 +9,12 @@ + 404 - Game Found ! -

Fuyez l'homme en noir !

+

Fuyez l'homme en noir ! 404 - Game Found !

diff --git a/bakApache.html b/bakApache.html new file mode 100755 index 0000000..766401d --- /dev/null +++ b/bakApache.html @@ -0,0 +1,368 @@ + + + + + + Apache2 Debian Default Page: It works + + + +
+
+ Debian Logo + + Apache2 Debian Default Page + +
+ +
+ + +
+
+ It works! +
+
+

+ This is the default welcome page used to test the correct + operation of the Apache2 server after installation on Debian systems. + If you can read this page, it means that the Apache HTTP server installed at + this site is working properly. You should replace this file (located at + /var/www/html/index.html) before continuing to operate your HTTP server. +

+ + +

+ If you are a normal user of this web site and don't know what this page is + about, this probably means that the site is currently unavailable due to + maintenance. + If the problem persists, please contact the site's administrator. +

+ +
+
+
+ Configuration Overview +
+
+

+ Debian's Apache2 default configuration is different from the + upstream default configuration, and split into several files optimized for + interaction with Debian tools. The configuration system is + fully documented in + /usr/share/doc/apache2/README.Debian.gz. Refer to this for the full + documentation. Documentation for the web server itself can be + found by accessing the manual if the apache2-doc + package was installed on this server. + +

+

+ The configuration layout for an Apache2 web server installation on Debian systems is as follows: +

+ 
+/etc/apache2/
+|-- apache2.conf
+|       `--  ports.conf
+|-- mods-enabled
+|       |-- *.load
+|       `-- *.conf
+|-- conf-enabled
+|       `-- *.conf
+|-- sites-enabled
+|       `-- *.conf
+
+
    +
  • + apache2.conf is the main configuration + file. It puts the pieces together by including all remaining configuration + files when starting up the web server. +
    • + +
  • + ports.conf is always included from the + main configuration file. It is used to determine the listening ports for + incoming connections, and this file can be customized anytime. +
    • + +
  • + Configuration files in the mods-enabled/, + conf-enabled/ and sites-enabled/ directories contain + particular configuration snippets which manage modules, global configuration + fragments, or virtual host configurations, respectively. +
    • + +
  • + They are activated by symlinking available + configuration files from their respective + *-available/ counterparts. These should be managed + by using our helpers + + a2enmod, + a2dismod, + + + a2ensite, + a2dissite, + + and + + a2enconf, + a2disconf + . See their respective man pages for detailed information. +
    • + +
  • + The binary is called apache2. Due to the use of + environment variables, in the default configuration, apache2 needs to be + started/stopped with /etc/init.d/apache2 or apache2ctl. + Calling /usr/bin/apache2 directly will not work with the + default configuration. +
    • +
+
+ +
+
+ Document Roots +
+ +
+

+ By default, Debian does not allow access through the web browser to + any file apart of those located in /var/www, + public_html + directories (when enabled) and /usr/share (for web + applications). If your site is using a web document root + located elsewhere (such as in /srv) you may need to whitelist your + document root directory in /etc/apache2/apache2.conf. +

+

+ The default Debian document root is /var/www/html. You + can make your own virtual hosts under /var/www. This is different + to previous releases which provides better security out of the box. +

+
+ +
+
+ Reporting Problems +
+
+

+ Please use the reportbug tool to report bugs in the + Apache2 package with Debian. However, check existing bug reports before reporting a new bug. +

+

+ Please report bugs specific to modules (such as PHP and others) + to respective packages, not to the web server itself. +

+
+ + + + +
+
+
+
+ + + diff --git a/site/gallerie.html b/gallerie.html similarity index 100% rename from site/gallerie.html rename to gallerie.html diff --git a/site/gallery.html b/gallery.html similarity index 100% rename from site/gallery.html rename to gallery.html diff --git a/Jeux_404/gifs/homme trop swag immobile.png b/gifs/homme trop swag immobile.png similarity index 100% rename from Jeux_404/gifs/homme trop swag immobile.png rename to gifs/homme trop swag immobile.png diff --git a/Jeux_404/gifs/homme trop swag.gif b/gifs/homme trop swag.gif similarity index 100% rename from Jeux_404/gifs/homme trop swag.gif rename to gifs/homme trop swag.gif diff --git a/site/img/Photos_190223-26_Bulgarie-7306-1600x2400.jpg b/img/Photos_190223-26_Bulgarie-7306-1600x2400.jpg similarity index 100% rename from site/img/Photos_190223-26_Bulgarie-7306-1600x2400.jpg rename to img/Photos_190223-26_Bulgarie-7306-1600x2400.jpg diff --git a/site/img/Vienna3-1600x1067.jpg b/img/Vienna3-1600x1067.jpg similarity index 100% rename from site/img/Vienna3-1600x1067.jpg rename to img/Vienna3-1600x1067.jpg diff --git a/index.html b/index.html new file mode 100644 index 0000000..cbbb823 --- /dev/null +++ b/index.html @@ -0,0 +1,102 @@ + + + + + + + Rick Astley + + + + +
+ + +
+
+ +

Rick Astley

+ #DefiJobOpp   @JobOpportunIT_ +
+
+ + +
+ +
+

Biographie

+

Richard Paul Astley dit Rick Astley, né le 6 février 1966 à Newton-le-Willows près de Warrington dans le Merseyside, est un chanteur et auteur-compositeur-interprète anglais.

+

Amis

+

+ + + + + + + + + + +

+

Voir plus

+

Gallery de photos

+

gallery + gallery + gallery + gallery + gallery + gallery

+

Voir plus

+ + + +
+
+
+
+ +

Rick Astley

#DefiJobOpp #NuitDeLinfo2019 | ✎ Post épinglé +
+ +

Je me suis dis que rechercher dans ma barre de recher les mots lapins, poneys et meutres me rendaient perplexe ! Essayez d'y ajouter ces mots clefs à l'URL !

+
+ Commentaires +
+ +
+
+ +

Rick Astley

#Thread | ✎ Post posté hier +
+

La nuit de l'ino, j'aime bien ! Je me suis découvert une passion !

+
+ Commentaires +
+ +
+
+ +

Rick Astley

#Thread | ✎ Post posté il y a 2 jours +
+

Quoi de mieux qu'un lorem ipsum ? :D ! Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec venenatis dui eu lorem eleifend interdum. Suspendisse potenti. In id lectus ac lorem varius rutrum. + Cras mollis sodales massa, at malesuada sapien feugiat eget.

+
+ Commentaires +
+
+
+
+ + + + + \ No newline at end of file diff --git a/site/rickroll.html b/rickroll.html similarity index 88% rename from site/rickroll.html rename to rickroll.html index 66484d3..d32df56 100644 --- a/site/rickroll.html +++ b/rickroll.html @@ -4,7 +4,7 @@ - Titre de mon document + Rickroll ! diff --git a/Jeux_404/scores.js b/scores.js similarity index 100% rename from Jeux_404/scores.js rename to scores.js diff --git a/Jeux_404/script.js b/script.js similarity index 100% rename from Jeux_404/script.js rename to script.js diff --git a/site/index.html b/site/index.html deleted file mode 100644 index e4b52b8..0000000 --- a/site/index.html +++ /dev/null @@ -1,33 +0,0 @@ - - - - - - - Titre de mon document - - - - - - - -

CONTINUE

- - - - - - - - diff --git a/site/page.html b/site/page.html deleted file mode 100644 index cb76ee7..0000000 --- a/site/page.html +++ /dev/null @@ -1,98 +0,0 @@ - - - - - - - Titre de mon document - - - - -
- - -
-
- -

John Doe

- #DefiJobOpp -
-
- - - - - - - -
- -
-

Biographie

-

Sed sit amet elit mi. Vivamus laoreet lorem vel justo convallis, eu malesuada dui dictum. Aenean rutrum, turpis sagittis tristique volutpat, dolor turpis laoreet mauris, sit amet porta quam nibh vitae ipsum. Vivamus hendrerit tincidunt velit in mollis. Fusce porttitor vel lectus sed porta. Nulla ac varius justo, rhoncus aliquam dui. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec venenatis dui eu lorem eleifend interdum. Suspendisse potenti. In id lectus ac lorem varius rutrum. Cras mollis sodales massa, at malesuada sapien feugiat eget.

-

Amis

-

- - - - - - - - - - -

-

Voir plus

-

Gallery de photos

-

gallery - gallery - gallery - gallery - gallery - gallery

-

Voir plus

- - - -
-
-
-


-

Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec venenatis dui eu lorem eleifend interdum. Suspendisse potenti. In id lectus ac lorem varius rutrum. Cras mollis sodales massa, at malesuada sapien feugiat eget.

-
-
-
-
- - - - - diff --git a/Jeux_404/sons.js b/sons.js similarity index 100% rename from Jeux_404/sons.js rename to sons.js diff --git a/Jeux_404/sons/OhPonyBoy_-_WOUTIPOUP.mp3 b/sons/OhPonyBoy_-_WOUTIPOUP.mp3 similarity index 100% rename from Jeux_404/sons/OhPonyBoy_-_WOUTIPOUP.mp3 rename to sons/OhPonyBoy_-_WOUTIPOUP.mp3 diff --git a/Jeux_404/sons/OhPonyBoy_-_WOUTIPOUP.ogg b/sons/OhPonyBoy_-_WOUTIPOUP.ogg similarity index 100% rename from Jeux_404/sons/OhPonyBoy_-_WOUTIPOUP.ogg rename to sons/OhPonyBoy_-_WOUTIPOUP.ogg diff --git a/Jeux_404/styles.css b/styles.css similarity index 100% rename from Jeux_404/styles.css rename to styles.css diff --git a/site/styles/styles.css b/styles/styles.css similarity index 66% rename from site/styles/styles.css rename to styles/styles.css index 095e7d0..07dbe39 100644 --- a/site/styles/styles.css +++ b/styles/styles.css @@ -2,16 +2,20 @@ body { margin-top: 0; font-family: calibri; text-decoration: none; - background-color: ghostwhite; + background-color: #4F067C; color: black; } -body > main { +body>main { padding-top: 49px; padding-left: 15%; width: 70%; } +footer { + color: white; +} + /*==== BARRE DE NAVIGATION ====*/ @@ -23,12 +27,11 @@ nav { width: 100%; color: white; text-align: center; - } .navbar { overflow: hidden; - background-color: #8A0457; + background-color: #12003E; position: fixed; top: 0; width: 100%; @@ -45,14 +48,9 @@ nav { } .navbar a:hover { - background: #80024A; + background: #1A0044; } -.header { - background-image: url("Photos_190223-26_Bulgarie-7306-1600x2400.jpg"); - background-color: red; - height: 20%; -} /* ================================= */ @@ -66,7 +64,7 @@ section.section-profile { display: flex; padding: 180px 30px 0; width: 100%; - background-image: url(https://images.unsplash.com/photo-1562887085-22edc4817a9e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=80); + background-image: url(https://www.lifeofpix.com/wp-content/uploads/2019/02/308-name05322-jj-1600x867.jpg); background-position: center; background-size: cover; } @@ -84,12 +82,12 @@ section.section-profile { } .section-profile-informations h2 { + color: white; margin-right: 24px; font-size: 36px; align-self: flex-end; } - .section-profile-informations span { margin-left: auto; margin-bottom: 30px; @@ -123,7 +121,7 @@ section.section-profile { float: left; } -.header > p { +.header>p { font-size: 40px; } @@ -152,10 +150,6 @@ p.bio { /* ================================= */ -/* -.text-block { - position: absolute; -}*/ .box { box-sizing: border-box; @@ -174,32 +168,15 @@ p.bio { display: table; } -.haut { - display: flex; - background-image: url(../img/Photos_190223-26_Bulgarie-7306-1600x2400.jpg); - background-repeat: no-repeat; - background-size: cover; - height: 600px; - background-position: -20%; - -} - -.rond { - background-color: red; - height: 200px; - justify-content: flex-end; - align-content: flex-end; - width: 100%; -} - .title { color: dimgrey; text-decoration: underline; font-size: 18px; } -img { +.amis img { width: 50px; + height: 50px; border: 1px solid grey; border-radius: 2px; } @@ -218,23 +195,76 @@ img { text-decoration: underline; } + /* =================== */ .post { + margin-bottom: 20px; + border-radius: 2px; border: 1px solid grey; box-sizing: border-box; float: left; width: 100%; padding: 30px; + text-align: center; } -.post > img { - display: block; - margin-left: auto; - margin-right: auto; - margin: 0; - z-index: 90; - width: 100px; - clip-path: circle(30%); - float: left; + +/* ==================================== */ + +.titre2 img:first-child { + position: relative; + top: 30%; + margin-left: 24px; + width: 60px; + height: 60px; + object-fit: cover; + object-position: center; + border: 4px solid #fff; + border-radius: 70px; } + +.post>img:nth-child(2) { + border-radius: 3px; + width: 400px; +} + +.titre2 h2 { + font-size: 15px; + align-self: flex-end; +} + +span { + margin-left: auto; + margin-bottom: 30px; + color: rgba(0, 0, 0, .5); + font-size: 15px; + font-style: italic; + align-self: flex-end; +} + + +/* ====== Bouton caché ! ====== */ + +.button a { + background-color: transparent; + /* Green */ + left: 46%; + bottom: 84%; + border: none; + color: rgba(255, 255, 255, 0); + text-align: center; + text-decoration: none; + display: inline-block; + font-size: 16px; + cursor: pointer; + position: absolute; +} + +.secret { + padding: 30px 20px; +} + +span#defi a { + color: #fff; +} \ No newline at end of file