Improved code, welcome page, added css file, filigrane, etc.
This commit is contained in:
root
parent
ee68c909fb
commit
4eba4eee15
|
|
@ -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>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 419 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
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>
|
||||
<meta charset="UTF-8" />
|
||||
<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>
|
||||
<body>
|
||||
|
||||
|
|
@ -14,12 +14,20 @@
|
|||
3dkfjmlqjflqsjflmjsqlmj<br/>
|
||||
4dkfjmlqjflqsjflmjsqlmj<br/>
|
||||
</div>
|
||||
|
||||
<div style="height: 1000px">
|
||||
Huge height for scroll.
|
||||
</div>
|
||||
|
||||
<div>
|
||||
1dkfjmlqjflqsjflmjsqlmj<br/>
|
||||
</div>
|
||||
|
||||
<!-- CHAPRIL BANNER -->
|
||||
<header id="chapril-banner">
|
||||
<div id="chapril-banner-zone">
|
||||
<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 id="chapril-banner-menu">
|
||||
<ul>
|
||||
|
|
@ -31,7 +39,7 @@
|
|||
</ul>
|
||||
</div>
|
||||
<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>
|
||||
</header>
|
||||
|
|
@ -5,10 +5,13 @@
|
|||
body
|
||||
{
|
||||
margin-top: 0;
|
||||
padding-top: 42px !important;
|
||||
}
|
||||
|
||||
#chapril-banner
|
||||
{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
height: 42px;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
|
|
@ -70,9 +73,25 @@ body
|
|||
padding: 10px 15px;
|
||||
}
|
||||
|
||||
#chapril-banner-logoapril
|
||||
#chapril-banner-aprillogo
|
||||
{
|
||||
float: right !important;
|
||||
height: 42px;
|
||||
}
|
||||
|
||||
#chapril-banner-aprillogo > a > img
|
||||
{
|
||||
padding-top: 2px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Fixed Dokuwiki. */
|
||||
#dokuwiki__usertools
|
||||
{
|
||||
top: 43px !important;
|
||||
}
|
||||
|
||||
/* Fixed PAD. */
|
||||
#editorcontainerbox
|
||||
{
|
||||
top: 43px !important;
|
||||
}
|
||||
|
|
@ -78,4 +78,16 @@ body
|
|||
float: right !important;
|
||||
height: 42px;
|
||||
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 |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
|
|
@ -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);}
|
||||
}
|
||||
|
|
@ -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>
|
||||
<header>
|
||||
<head>
|
||||
<title>À propos de ce site</title>
|
||||
</header>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Mentions légales</h1>
|
||||
|
||||
|
|
@ -46,7 +46,7 @@ dédiée</a>. </p>
|
|||
</ul>
|
||||
|
||||
<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>
|
||||
|
||||
</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>
|
||||
|
||||
|
|
@ -0,0 +1 @@
|
|||
Accueil/accueil.html
|
||||
Loading…
Reference in New Issue