Improved code, welcome page, added css file, filigrane, etc.
This commit is contained in:
root
parent
ee68c909fb
commit
4eba4eee15
32
Accueil/accueil.html
Normal file
32
Accueil/accueil.html
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8" ?>
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr" dir="ltr">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<title>Cha ronronne !</title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="/Charter/chapril.css" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div style="float: left; margin-left: 20px; width: 300px;">
|
||||||
|
<h1>Éditorial</h1>
|
||||||
|
<ul class="nude-list">
|
||||||
|
<li><a href="/a-propos.html">À propos de ce site</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div style="float: right; margin-right: 20px; width: 300px;">
|
||||||
|
<h1>Les services</h1>
|
||||||
|
<ul class="nude-list">
|
||||||
|
<li><a href="https://date.chapril.org/">date.chapril.org</a></li>
|
||||||
|
<li><a href="https://pad.chapril.org/">pad.chapril.org</a></li>
|
||||||
|
<li><a href="https://paste.chapril.org/">paste.chapril.org</a></li>
|
||||||
|
<li><a href="https://pouet.chapril.org/">pouet.chapril.org</a></li>
|
||||||
|
<li><a href="https://pouet.chapril.org/">status.chapril.org</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div style="text-align: center;">
|
||||||
|
<h1>Cha ronronne ! 😸</h1>
|
||||||
|
<img src="/Accueil/chaton02.jpg" alt="Beau chaton" style="width: 350px;" />
|
||||||
|
</div>
|
||||||
|
<div id="chapril-filigrane">aaaa</div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
BIN
Accueil/chaton01.jpg
Normal file
BIN
Accueil/chaton01.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 419 KiB |
BIN
Accueil/chaton02.jpg
Normal file
BIN
Accueil/chaton02.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
BIN
Accueil/chaton03.jpg
Normal file
BIN
Accueil/chaton03.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 798 KiB |
|
Before Width: | Height: | Size: 3.5 KiB After Width: | Height: | Size: 3.5 KiB |
@ -4,7 +4,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<title>Chapril banner</title>
|
<title>Chapril banner</title>
|
||||||
<link rel="stylesheet" type="text/css" href="https://www.chapril.org/Banner/chapril-banner.css" />
|
<link rel="stylesheet" type="text/css" href="/Chapril-banner/chapril-banner.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
@ -14,12 +14,20 @@
|
|||||||
3dkfjmlqjflqsjflmjsqlmj<br/>
|
3dkfjmlqjflqsjflmjsqlmj<br/>
|
||||||
4dkfjmlqjflqsjflmjsqlmj<br/>
|
4dkfjmlqjflqsjflmjsqlmj<br/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div style="height: 1000px">
|
||||||
|
Huge height for scroll.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
1dkfjmlqjflqsjflmjsqlmj<br/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- CHAPRIL BANNER -->
|
<!-- CHAPRIL BANNER -->
|
||||||
<header id="chapril-banner">
|
<header id="chapril-banner">
|
||||||
<div id="chapril-banner-zone">
|
<div id="chapril-banner-zone">
|
||||||
<div id="chapril-banner-logo">
|
<div id="chapril-banner-logo">
|
||||||
<a href="https://www.chapril.org/"><img src="https://www.chapril.org/Banner/chapril-logo-small.png" alt="Logo Chapril" /></a>
|
<a href="https://www.chapril.org/"><img src="/Chapril-banner/chapril-logo-small.png" alt="Logo Chapril" /></a>
|
||||||
</div>
|
</div>
|
||||||
<div id="chapril-banner-menu">
|
<div id="chapril-banner-menu">
|
||||||
<ul>
|
<ul>
|
||||||
@ -31,7 +39,7 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div id="chapril-banner-logoapril">
|
<div id="chapril-banner-logoapril">
|
||||||
<a href="https://www.april.org/"><img src="https://www.chapril.org/Banner/april-logo-small.png" alt="Logo April" /></a>
|
<a href="https://www.april.org/"><img src="/Chapril-banner/april-logo-small.png" alt="Logo April" /></a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
@ -73,9 +73,25 @@ body
|
|||||||
padding: 10px 15px;
|
padding: 10px 15px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#chapril-banner-logoapril
|
#chapril-banner-aprillogo
|
||||||
{
|
{
|
||||||
float: right !important;
|
float: right !important;
|
||||||
height: 42px;
|
height: 42px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#chapril-banner-aprillogo > a > img
|
||||||
|
{
|
||||||
padding-top: 2px;
|
padding-top: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Fixed Dokuwiki. */
|
||||||
|
#dokuwiki__usertools
|
||||||
|
{
|
||||||
|
top: 43px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fixed PAD. */
|
||||||
|
#editorcontainerbox
|
||||||
|
{
|
||||||
|
top: 43px !important;
|
||||||
|
}
|
||||||
@ -5,10 +5,13 @@
|
|||||||
body
|
body
|
||||||
{
|
{
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
|
padding-top: 42px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#chapril-banner
|
#chapril-banner
|
||||||
{
|
{
|
||||||
|
position: fixed;
|
||||||
|
top: 0;
|
||||||
height: 42px;
|
height: 42px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
@ -75,4 +78,16 @@ body
|
|||||||
float: right !important;
|
float: right !important;
|
||||||
height: 42px;
|
height: 42px;
|
||||||
padding-top: 2px;
|
padding-top: 2px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* Fixed Dokuwiki. */
|
||||||
|
#dokuwiki__usertools
|
||||||
|
{
|
||||||
|
top: 43px !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Fixed PAD. */
|
||||||
|
#editorcontainerbox
|
||||||
|
{
|
||||||
|
top: 43px !important;
|
||||||
|
}
|
||||||
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 2.0 KiB |
|
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 2.3 KiB |
BIN
Charter/chapril-logo-300x.png
Normal file
BIN
Charter/chapril-logo-300x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
133
Charter/chapril.css
Normal file
133
Charter/chapril.css
Normal file
@ -0,0 +1,133 @@
|
|||||||
|
/*
|
||||||
|
____ _ _ _
|
||||||
|
/ ___| |__ __ _ _ __ _ __(_) | ___ _ __ __ _
|
||||||
|
| | | '_ \ / _` | '_ \| '__| | | / _ \| '__/ _` |
|
||||||
|
| |___| | | | (_| | |_) | | | | || (_) | | | (_| |
|
||||||
|
\____|_| |_|\__,_| .__/|_| |_|_(_)___/|_| \__, |
|
||||||
|
|_| |___/
|
||||||
|
*/
|
||||||
|
|
||||||
|
html
|
||||||
|
{
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body
|
||||||
|
{
|
||||||
|
font-family: Tahoma !important;
|
||||||
|
font-size: 12px;
|
||||||
|
font-color: #243C5F;
|
||||||
|
background-color: #ffffff;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
width: 100hv;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=checkbox],
|
||||||
|
input[type=radio]
|
||||||
|
{
|
||||||
|
margin-right:10px;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
#chapril-filigrane
|
||||||
|
{
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
left: 0px;
|
||||||
|
background-image: url("/Charter/chapril-logo-300x.png");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-color: transparent;
|
||||||
|
background-position: right 5px bottom 5px;
|
||||||
|
background-attachment: fixed;
|
||||||
|
opacity: 0.1;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: -100;
|
||||||
|
}
|
||||||
|
|
||||||
|
.left
|
||||||
|
{
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
.center
|
||||||
|
{
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.auto-center
|
||||||
|
{
|
||||||
|
padding-left: auto;
|
||||||
|
padding-right: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.right
|
||||||
|
{
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nude-list
|
||||||
|
{
|
||||||
|
margin-left:0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nude-list > li
|
||||||
|
{
|
||||||
|
list-style-type:none;
|
||||||
|
}
|
||||||
|
|
||||||
|
a
|
||||||
|
{
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
/***** GENERIC COLUMNS *****/
|
||||||
|
.row
|
||||||
|
{
|
||||||
|
display: block;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row:after
|
||||||
|
{
|
||||||
|
clear: both;
|
||||||
|
content: ".";
|
||||||
|
display: block;
|
||||||
|
height: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.column
|
||||||
|
{
|
||||||
|
display: inline;
|
||||||
|
float: left;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/***** Swinging image *****/
|
||||||
|
|
||||||
|
.chapril-swingimage
|
||||||
|
{
|
||||||
|
transform-origin: 50% 50%;
|
||||||
|
animation: chaprilt-swinging 3.5s ease-in-out forwards infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes chapril-swinging
|
||||||
|
{
|
||||||
|
0%{transform: rotate(10deg);}
|
||||||
|
50%{transform: rotate(-5deg)}
|
||||||
|
100%{transform: rotate(10deg);}
|
||||||
|
}
|
||||||
|
|
||||||
|
.chapril-swingimage:hover
|
||||||
|
{
|
||||||
|
transform-origin: 50% 50%;
|
||||||
|
animation: cockpit-swinging-hover 3.5s ease-in-out forwards infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes chapril-swinging-hover
|
||||||
|
{
|
||||||
|
0%{transform: rotate(0deg);}
|
||||||
|
100%{transform: rotate(-360deg);}
|
||||||
|
}
|
||||||
98
Charter/chapril.css~
Normal file
98
Charter/chapril.css~
Normal file
@ -0,0 +1,98 @@
|
|||||||
|
/*
|
||||||
|
____ _ _ _
|
||||||
|
/ ___| |__ __ _ _ __ _ __(_) | ___ _ __ __ _
|
||||||
|
| | | '_ \ / _` | '_ \| '__| | | / _ \| '__/ _` |
|
||||||
|
| |___| | | | (_| | |_) | | | | || (_) | | | (_| |
|
||||||
|
\____|_| |_|\__,_| .__/|_| |_|_(_)___/|_| \__, |
|
||||||
|
|_| |___/
|
||||||
|
*/
|
||||||
|
|
||||||
|
html
|
||||||
|
{
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
body
|
||||||
|
{
|
||||||
|
font-family: Tahoma !important;
|
||||||
|
font-size: 12px;
|
||||||
|
font-color: #243C5F;
|
||||||
|
background-color: #ffffff;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
width: 100hv;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
input[type=checkbox],
|
||||||
|
input[type=radio]
|
||||||
|
{
|
||||||
|
margin-right:10px;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
|
||||||
|
#chapril-filigrane
|
||||||
|
{
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
left: 0px;
|
||||||
|
background-image: url("/Charter/charter-logo-300x.png");
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-color: transparent;
|
||||||
|
background-position: right 5px bottom 5px;
|
||||||
|
background-attachment: fixed;
|
||||||
|
opacity: 0.1;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
z-index: -100;
|
||||||
|
}
|
||||||
|
|
||||||
|
/***** GENERIC COLUMNS *****/
|
||||||
|
.row
|
||||||
|
{
|
||||||
|
display: block;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row:after
|
||||||
|
{
|
||||||
|
clear: both;
|
||||||
|
content: ".";
|
||||||
|
display: block;
|
||||||
|
height: 0;
|
||||||
|
visibility: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
.column
|
||||||
|
{
|
||||||
|
display: inline;
|
||||||
|
float: left;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
/***** Swinging image *****/
|
||||||
|
|
||||||
|
.chapril-swingimage
|
||||||
|
{
|
||||||
|
transform-origin: 50% 50%;
|
||||||
|
animation: chaprilt-swinging 3.5s ease-in-out forwards infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes chapril-swinging
|
||||||
|
{
|
||||||
|
0%{transform: rotate(10deg);}
|
||||||
|
50%{transform: rotate(-5deg)}
|
||||||
|
100%{transform: rotate(10deg);}
|
||||||
|
}
|
||||||
|
|
||||||
|
.chapril-swingimage:hover
|
||||||
|
{
|
||||||
|
transform-origin: 50% 50%;
|
||||||
|
animation: cockpit-swinging-hover 3.5s ease-in-out forwards infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes chapril-swinging-hover
|
||||||
|
{
|
||||||
|
0%{transform: rotate(0deg);}
|
||||||
|
100%{transform: rotate(-360deg);}
|
||||||
|
}
|
||||||
@ -1,7 +1,7 @@
|
|||||||
<html>
|
<html>
|
||||||
<header>
|
<head>
|
||||||
<title>À propos de ce site</title>
|
<title>À propos de ce site</title>
|
||||||
</header>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<h1>Mentions légales</h1>
|
<h1>Mentions légales</h1>
|
||||||
|
|
||||||
@ -46,7 +46,7 @@ dédiée</a>. </p>
|
|||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
<p>
|
<p>
|
||||||
Ou c'est simplement un jeu de mot/mot valise de chatons + april.
|
Ou c'est simplement un jeu de mot/mot valise de CHATONS + April.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
@ -1 +1 @@
|
|||||||
/var/www/chapril.org/chapril-favicon.png
|
Charter/chapril-favicon.png
|
||||||
12
index.html
12
index.html
@ -1,12 +0,0 @@
|
|||||||
<html>
|
|
||||||
<head>
|
|
||||||
<title>Cha ronronne !</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<h1>Cha ronronne ! 😸</h1>
|
|
||||||
|
|
||||||
<p>
|
|
||||||
<a href="a-propos.html">À propos de ce site</a></p>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
|
|
||||||
1
index.html
Symbolic link
1
index.html
Symbolic link
@ -0,0 +1 @@
|
|||||||
|
Accueil/accueil.html
|
||||||
Loading…
Reference in New Issue
Block a user