date
148
Accueil.html
@ -1,60 +1,94 @@
|
|||||||
<!doctype html>
|
<!DOCTYPE html>
|
||||||
<html><head>
|
<html>
|
||||||
<title>Accueil</title>
|
<head>
|
||||||
<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
|
<title>Accueil</title>
|
||||||
<meta name="description" content="Accueil">
|
<meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
|
||||||
<meta name="author" content="Tropicananass">
|
<meta name="description" content="Accueil" />
|
||||||
<link href="Accueil_fichiers/Style.CSS" type="text/css" rel="stylesheet">
|
<meta name="author" content="Tropicananass" />
|
||||||
<style>
|
<link href="style/Accueil.css" type="text/css" rel="stylesheet" />
|
||||||
#image {
|
</head>
|
||||||
max-heigth: 100%;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
width: 32%;
|
|
||||||
heigth: auto;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<h1>C'EST LA FaiTE</h1>
|
<header>
|
||||||
<p></p>
|
<h1 id="top">C'EST LA FaiTE</h1>
|
||||||
<div id="image1">
|
</header>
|
||||||
<a target="_blank" href="https://charlievolta.tropicananass.ovh">
|
<div id="body">
|
||||||
<img src="Accueil_fichiers/charlie.png" alt="lien vers Charlie Volta web site" width="auto" height="auto">
|
<nav>
|
||||||
</a>
|
<a target="_blank" href="https://transmission.tropicananass.ovh">
|
||||||
<a target="_blank" href="https://charlievolta.tropicananass.ovh">
|
<img src="img/trans.png" alt="lien vers transmission" width="auto" height="auto" />
|
||||||
<img src="Accueil_fichiers/charlie.png" alt="lien vers Charlie Volta web site" width="auto" height="auto">
|
Transmission
|
||||||
</a>
|
</a>
|
||||||
<a target="_blank" href="https://charlievolta.tropicananass.ovh">
|
<a target="_blank" href="https://kodi.tropicananass.ovh">
|
||||||
<img src="Accueil_fichiers/charlie.png" alt="lien vers Charlie Volta web site" width="auto" height="auto">
|
<img src="img/kodi.png" alt="lien vers kodi (chorus 2)" width="auto" height="auto" />
|
||||||
</a></div>
|
Kodi
|
||||||
<p></p>
|
</a>
|
||||||
<div id="image2">
|
<a target="_blank" href="https://git.tropicananass.ovh">
|
||||||
<a target="_blank" href="https://transmission.tropicananass.ovh">
|
<img src="img/gogs.png" alt="lien vers gogs" width="auto" height="auto" />
|
||||||
<img src="Accueil_fichiers/trans.png" alt="lien vers transmission" width="auto" height="auto">
|
Gogs
|
||||||
</a>
|
</a>
|
||||||
<a target="_blank" href="https://kodi.tropicananass.ovh">
|
<a target="_blank" href="charlie.html#mid">
|
||||||
<img src="Accueil_fichiers/kodi.png" alt="lien vers kodi (chorus 2)" width="auto" height="auto">
|
<img src="img/charlie.png" alt="Charlie Volta web site" width="auto" height="auto" />
|
||||||
</a>
|
Charlie Volta
|
||||||
<a target="_blank" href="https://git.tropicananass.ovh">
|
</a>
|
||||||
<img src="Accueil_fichiers/gogs.png" alt="lien vers gogs" width="auto" height="auto">
|
</nav>
|
||||||
</a></div>
|
<section>
|
||||||
<p></p>
|
<article>
|
||||||
<div id="image3">
|
<h6>Pet</h6>
|
||||||
<a target="_blank" href="https://owncloud.tropicananass.ovh">
|
<p>
|
||||||
<img src="Accueil_fichiers/cloud.png" alt="lien vers owncloud" width="auto" height="auto">
|
Zluglu <em>vraiment</em> très bien mais <strong>vraiment !</strong><br />
|
||||||
</a>
|
Ta gueule <mark>pupupupute</mark>
|
||||||
<a target="_blank" href="https://gitlab.tropicananass.ovh">
|
</p>
|
||||||
<img src="Accueil_fichiers/gitlab.png" alt="lien vers gitlab" width="auto" height="auto">
|
<form method="post" action="traitement.php">
|
||||||
</a>
|
|
||||||
<a target="_blank" href="https://charlievolta.tropicananass.ovh">
|
|
||||||
<img src="Accueil_fichiers/git.png" alt="lien vers Charlie Volta web site" width="auto" height="auto">
|
|
||||||
</a></div>
|
|
||||||
<p></p>
|
|
||||||
|
|
||||||
|
<p>Texte à l'intérieur du formulaire</p>
|
||||||
|
|
||||||
<script src="Accueil.js">
|
</form>
|
||||||
</script>
|
</article>
|
||||||
</a></body></html>
|
<article>
|
||||||
|
<div class="link_line">
|
||||||
|
<a target="_blank" href="charlie.html#mid">
|
||||||
|
<img src="img/charlie.png" alt="Charlie Volta web site" width="auto" height="auto" />
|
||||||
|
</a>
|
||||||
|
<a target="_blank" href="charlie.html">
|
||||||
|
<img src="img/charlie.png" alt="lien vers Charlie Volta web site" width="auto" height="auto" />
|
||||||
|
</a>
|
||||||
|
<a target="_blank" href="https://charlievolta.tropicananass.ovh">
|
||||||
|
<img src="img/charlie.png" alt="lien vers Charlie Volta web site" width="auto" height="auto" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<p></p>
|
||||||
|
<div class="link_line">
|
||||||
|
<a target="_blank" href="https://transmission.tropicananass.ovh">
|
||||||
|
<img src="img/trans.png" alt="lien vers transmission" width="auto" height="auto" />
|
||||||
|
</a>
|
||||||
|
<a target="_blank" href="https://kodi.tropicananass.ovh">
|
||||||
|
<img src="img/kodi.png" alt="lien vers kodi (chorus 2)" width="auto" height="auto" />
|
||||||
|
</a>
|
||||||
|
<a target="_blank" href="https://git.tropicananass.ovh">
|
||||||
|
<img src="img/gogs.png" alt="lien vers gogs" width="auto" height="auto" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<p></p>
|
||||||
|
<div class="link_line">
|
||||||
|
<a target="_blank" href="https://owncloud.tropicananass.ovh">
|
||||||
|
<img src="img/cloud.png" alt="lien vers owncloud" width="auto" height="auto" />
|
||||||
|
</a>
|
||||||
|
<a target="_blank" href="https://gitlab.tropicananass.ovh">
|
||||||
|
<img src="img/gitlab.png" alt="lien vers gitlab" width="auto" height="auto" />
|
||||||
|
</a>
|
||||||
|
<a href="#top">
|
||||||
|
<img src="img/git.png" alt="lien vers Charlie Volta web site" width="auto" height="auto" />
|
||||||
|
</a>
|
||||||
|
</div>
|
||||||
|
<p></p>
|
||||||
|
</article>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<footer>
|
||||||
|
<a href="mailto:admin@tropicananass.ovh">
|
||||||
|
contact
|
||||||
|
</a>
|
||||||
|
</footer>
|
||||||
|
<script src="script/Accueil.js"> </script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
@ -1 +0,0 @@
|
|||||||
You need to sign in or sign up before continuing.
|
|
97
charlie.html
@ -1,25 +1,74 @@
|
|||||||
<html><head>
|
<html>
|
||||||
<title>Charlie Volta - Web Site</title>
|
<head>
|
||||||
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
|
<title>Charlie Volta - Web Site</title>
|
||||||
<meta name="description" content="Accueil">
|
<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
|
||||||
<meta name="author" content="Tropicananass">
|
<meta name="description" content="Charlie Volta - Web Site">
|
||||||
<link href="Accueil_fichiers/Style.CSS" type="text/css" rel="stylesheet">
|
<meta name="author" content="Tropicananass">
|
||||||
<style>
|
</head>
|
||||||
#image {
|
|
||||||
max-heigth: 100%;
|
|
||||||
width: auto;
|
|
||||||
}
|
|
||||||
img {
|
|
||||||
width: 30%;
|
|
||||||
heigth: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
<body>
|
||||||
</head>
|
<h1 id="top">Charlie Volta (official)</h1>
|
||||||
|
<p id="deb"></p>
|
||||||
<body>
|
<figure>
|
||||||
<h1>Charlie Volta (official)</h1>
|
<iframe width="560" height="315" src="https://www.youtube.com/embed/hKIx8P4KuyY" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
|
||||||
<p></p>
|
<figcaption> une Recette by ChArlIe VolTA</figcaption>
|
||||||
<iframe width="560" height="315" src="https://www.youtube.com/embed/hKIx8P4KuyY" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
|
</figure>
|
||||||
<p></p>
|
<p>
|
||||||
</a></body></html>
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br id="mid" />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
Méga paragraphe <br />
|
||||||
|
</p>
|
||||||
|
<script src="script/charlie.js"> </script>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
40
cv.html
Normal file
@ -0,0 +1,40 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<title>Curiculum Vitae</title>
|
||||||
|
<meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
|
||||||
|
<meta name="description" content="cv" />
|
||||||
|
<meta name="author" content="Nathan Gouarderes" />
|
||||||
|
<link href="style/cv.css" type="text/css" rel="stylesheet" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<h1>Nathan Gouardères</h1>
|
||||||
|
<p>
|
||||||
|
Développeur Random, Étudiant en master à l'université toulouse III Paul Sabatier
|
||||||
|
</p>
|
||||||
|
<h2>
|
||||||
|
Mon Expérience
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
<ol>
|
||||||
|
<li>Sdl random drawing</li>
|
||||||
|
</ol>
|
||||||
|
</p>
|
||||||
|
<h2>
|
||||||
|
Mes Compétences
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
<ol>
|
||||||
|
<li></li>
|
||||||
|
</ol>
|
||||||
|
</p>
|
||||||
|
<h2>
|
||||||
|
Ma Formation
|
||||||
|
</h2>
|
||||||
|
<p>
|
||||||
|
<ol>
|
||||||
|
<li></li>
|
||||||
|
</ol>
|
||||||
|
</p>
|
||||||
|
</body>
|
||||||
|
</html>
|
Before Width: | Height: | Size: 457 KiB After Width: | Height: | Size: 457 KiB |
Before Width: | Height: | Size: 117 KiB After Width: | Height: | Size: 117 KiB |
Before Width: | Height: | Size: 54 KiB After Width: | Height: | Size: 54 KiB |
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
Before Width: | Height: | Size: 164 KiB After Width: | Height: | Size: 164 KiB |
Before Width: | Height: | Size: 202 KiB After Width: | Height: | Size: 202 KiB |
BIN
img/pics/id.jpg
Normal file
After Width: | Height: | Size: 44 KiB |
Before Width: | Height: | Size: 49 KiB After Width: | Height: | Size: 49 KiB |
@ -7,7 +7,7 @@
|
|||||||
}
|
}
|
||||||
}*/
|
}*/
|
||||||
|
|
||||||
var image = document.getElementById('image1');
|
var image = document.getElementsById('link_line');
|
||||||
console.log(image);
|
console.log(image);
|
||||||
var child = image.lastChild;
|
var child = image.lastChild;
|
||||||
while (child) {
|
while (child) {
|
||||||
@ -26,11 +26,11 @@ while (child) {
|
|||||||
var divs = document.getElementsByTagName('div');
|
var divs = document.getElementsByTagName('div');
|
||||||
|
|
||||||
for (var i = 0; i < 3; i++) {
|
for (var i = 0; i < 3; i++) {
|
||||||
var newElement = divs[0].appendChild(document.createElement('a'));
|
var newElement = divs[i].appendChild(document.createElement('a'));
|
||||||
url = Math.random().toString(36).replace(/[^a-z]+/g, '').substr(0, 2);
|
url = Math.random().toString(36).replace(/[^a-z]+/g, '').substr(0, 2);
|
||||||
console.log(url);
|
console.log(url);
|
||||||
for (var i = 0; i < url.length; i++) {
|
for (var j = 0; j < url.length; j++) {
|
||||||
url[i] = url[i] % 26 + 'a'
|
url[j] = url[j] % 26 + 'a'
|
||||||
}
|
}
|
||||||
newElement.title = 'tanche'
|
newElement.title = 'tanche'
|
||||||
newElement.href = 'http://' + url + '.com'
|
newElement.href = 'http://' + url + '.com'
|
15
script/charlie.js
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
var el = document.getElementById('deb');
|
||||||
|
|
||||||
|
for (var i = 0; i < 3; i++) {
|
||||||
|
var newElement = el.appendChild(document.createElement('a'));
|
||||||
|
url = Math.random().toString(36).replace(/[^a-z]+/g, '').substr(0, 2);
|
||||||
|
console.log(url);
|
||||||
|
for (var j = 0; j < url.length; j++) {
|
||||||
|
url[j] = url[j] % 26 + 'a'
|
||||||
|
}
|
||||||
|
newElement.title = 'tanche'
|
||||||
|
newElement.href = 'http://' + url + '.com'
|
||||||
|
newElement.appendChild(document.createTextNode("pte"));
|
||||||
|
console.log("enroute" + i);
|
||||||
|
}
|
||||||
|
console.log("fin");
|
37
style/Accueil.css
Normal file
@ -0,0 +1,37 @@
|
|||||||
|
img {
|
||||||
|
width: 32%;
|
||||||
|
heigth: auto;
|
||||||
|
}
|
||||||
|
.link_line {
|
||||||
|
width: 70%;
|
||||||
|
heigth: auto;
|
||||||
|
}
|
||||||
|
h1 {
|
||||||
|
font-size: xx-large;
|
||||||
|
}
|
||||||
|
h1:hover {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
font-size: 12px;
|
||||||
|
font-family: Impact, "Arial Black", Arial, Verdana, sans-serif;
|
||||||
|
}
|
||||||
|
nav {
|
||||||
|
width: 25%;
|
||||||
|
border: 2px solid black;
|
||||||
|
padding: 1px;
|
||||||
|
margin: 4px;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
#body {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-around;
|
||||||
|
}
|
||||||
|
section {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
article {
|
||||||
|
flex: 1;
|
||||||
|
}
|