v1
This commit is contained in:
65
public/home/home/LogoHome.svg
Executable file
65
public/home/home/LogoHome.svg
Executable file
@@ -0,0 +1,65 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="141.73px" height="141.73px" viewBox="0 0 141.73 141.73" enable-background="new 0 0 141.73 141.73" xml:space="preserve">
|
||||
<g>
|
||||
<path fill="none" stroke="#FFFFFF" stroke-width="0.4444" stroke-miterlimit="10" d="M40.683,108.29
|
||||
c-7.603,3.246-16.395,0.448-26.608,5.299"/>
|
||||
<path fill="none" stroke="#FFFFFF" stroke-width="0.4444" stroke-miterlimit="10" d="M84.761,58.547c0,0-11.82,1.925-17.868,5.499"
|
||||
/>
|
||||
<path fill="#FFFFFF" d="M124.754,34.486l10.377,0.788c0,0,1.733,0.074-0.193,0.425l-5.207,0.385
|
||||
c-2.114-0.078-4.079,0.597-4.079,0.597l6.678,2.3c1.453,0.391,1.585,0.772,1.585,0.772l-3.958-0.571
|
||||
c-3.801-0.911-6.415,0.353-6.415,0.353s-1.696,0.651-4.03,0.991c-2.335,0.339-10.297,2.795-12.038,5.428
|
||||
c-1.74,2.635-3.736,8.578-5.531,10.644c-1.793,2.066-5.159,5.358-6.214,5.115c0,0,4.772-2.97,6.339-6.929
|
||||
c1.562-3.958,0.798-9.012,2.339-11.156s2.698-2.51,4.17-3.008c1.472-0.5,7.964,0.338,10.085-1.647
|
||||
c1.525-1.43,2.636-2.517,3.135-3.133c0.194-0.241-0.955-0.53-0.795-0.832c0.141-0.262,1.135-0.028,1.187-0.33
|
||||
c0.157-0.903,0.146-1.783,1.389-1.566L124.754,34.486z"/>
|
||||
<path fill="#FFFFFF" d="M122.061,32.344c0,0-3.262-2.414-6.334-0.62c-3.072,1.798-3.265,3.421-3.277,4.817
|
||||
c-0.012,1.397,3.742-0.014,5.074-0.889C118.854,34.779,122.048,33.737,122.061,32.344z"/>
|
||||
<path fill="#FFFFFF" d="M113.064,34.33c0,0-5.255,1.114-6.824,4.062c0,0,0.198-0.609,3.453-0.922
|
||||
c3.254-0.312,4.462,0.625,5.551-0.75C115.244,36.72,111.8,37.803,113.064,34.33z"/>
|
||||
<path fill="none" stroke="#FFFFFF" stroke-width="0.4444" stroke-miterlimit="10" d="M105.84,38.445c0,0-2.659,3.011-3.552,4.719
|
||||
c-0.891,1.705-3.662,5.489-5.265,6.169"/>
|
||||
<path fill="#FFFFFF" d="M82.157,82.47c0,0-3.684,32.555-6.714,32.555c-2.583,0,4.735-34.348,4.735-34.348
|
||||
s-8.202,37.681-10.118,36.31c-1.911-1.366,8.107-36.112,8.107-36.112s-9.612,35.379-12.412,35.622
|
||||
c-1.763,0.157,9.224-35.622,9.224-35.622s-11.127,35.834-12.884,35.379c-1.753-0.459,9.217-31.728,9.217-31.728
|
||||
s-10.635,31.658-12.227,30.742c-1.597-0.909,9.037-30.06,9.037-30.06s-9.598,29.483-11.189,28.346
|
||||
c-1.597-1.145,7.203-27.204,7.203-27.204s-7.287,26.433-9.355,25.978c-2.076-0.456,6.321-25.519,6.321-25.519
|
||||
s-6.939,24.272-8.692,24.047c-1.755-0.229,4.509-18.989,4.509-18.989s-4.747,18.226-6.5,18.454
|
||||
c-1.755,0.23,5.433-21.635,5.433-21.635s-5.91,20.951-7.823,21.181c-1.916,0.226,4.565-18.885,4.565-18.885
|
||||
s-4.943,18.541-6.856,17.175c-1.913-1.372,4.346-18.394,4.346-18.394s-5.648,17.195-6.715,16.675
|
||||
c-1.507-0.737,3.223-15.292,3.223-15.292s-4.746,16.187-6.021,15.044c-1.275-1.135,2.83-10.936,2.83-10.936
|
||||
s-3.631,9.761-4.767,8.484l0.779-6.887l8.918-7.089l25.313-8.969l9.789-3.345L82.157,82.47z"/>
|
||||
<path fill="#FFFFFF" d="M94.776,62.338c0,0-8.504-2.69-16.626,5.207c-8.517,8.281-1.251,1.715-9.519,8.852
|
||||
c-5.117,4.416-15.354,8.39-20.301,10.856c-4.943,2.464-13.506,4.669-14.125,8.896c-0.616,4.226,2.165,3.524,0,5.637
|
||||
c0,0,0.62,1.405,2.165,0.353c1.545-1.06,2.317-2.114,2.163-4.056c-0.154-1.934-0.309-1.582,2.935-1.405
|
||||
c3.246,0.174,6.181,0.705,6.335-2.992c0,0,0,2.815,1.545,0.174c1.545-2.639,0.771-7.221,5.098-8.275
|
||||
c4.327-1.059,3.246-1.94,3.246-1.94s-3.554,2.995-5.098,4.581c-1.545,1.585-1.082,3.17-0.774,4.228
|
||||
c0.309,1.055,1.701-2.113,2.318-3.346c0.618-1.236-0.309,4.4,0.618,4.227c0.927-0.179,1.39-4.227,2.163-4.404
|
||||
c0.773-0.179-1.08,3.346,1.08,2.466c2.166-0.883,0.156-2.115,1.237-2.466c1.083-0.352,0.463,2.466,0.929,1.583
|
||||
c0.462-0.881,0.616-1.935,1.236-2.113c0.618-0.174,0.309,2.822,0.925,1.411c0.62-1.411,0.929-2.817,0.929-2.817
|
||||
s0.154,2.817,0.927,2.817s1.546-1.762,1.546-3.695c0-1.941-0.774,1.403,1.545,1.403c2.317,0,2.934-1.76,3.551-4.752
|
||||
c0,0,0.154,4.051,1.239,2.466c1.081-1.588,1.699-3.345,1.699-3.345s-0.467,3.168,0.462,2.816c0.929-0.351,3.398-0.178,3.246-1.938
|
||||
c-0.156-1.76,2.78,0.354,4.325-2.641c1.545-2.993,2.782-1.584,2.626-2.643C84.268,76.425,91.221,62.161,94.776,62.338z"/>
|
||||
<path fill="#FFFFFF" d="M101.763,69.565c0,0,6.556,10.635,9.708,13.938c3.151,3.306,8.824,10.49,7.942,11.64
|
||||
c-0.884,1.149-5.042,0-7.312-2.729c-2.272-2.73-11.345-14.656-11.977-14.229c-0.63,0.435,0.63,4.457,2.773,7.76
|
||||
c2.144,3.305,8.573,14.514,6.806,15.807c-1.763,1.294-8.571-5.75-10.839-11.207c-2.27-5.459-3.408-9.339-4.036-9.052
|
||||
c-0.629,0.285-0.125,5.46,0.757,7.906c0.883,2.437,6.681,17.954,5.043,18.676c-1.638,0.715-6.809-4.883-8.32-9.626
|
||||
c-1.514-4.746-2.019-15.518-2.773-15.664c-0.761-0.143-1.264,12.788,0.882,19.111c2.142,6.321,2.52,9.483,1.638,9.772
|
||||
c-0.881,0.284-5.293-2.153-6.683-9.917c-1.385-7.758-0.249-14.655,0.254-17.099c0.503-2.44-4.037,2.3-2.523,13.506
|
||||
c1.512,11.208,2.015,13.221,1.135,13.51c-0.884,0.284-2.898-3.309-4.541-10.061c-1.638-6.752-0.753-11.494,0.631-16.093
|
||||
c1.389-4.6,4.417-13.938,6.433-16.809c2.015-2.874,7.566-9.486,10.717-5.034C100.626,68.128,101.763,69.565,101.763,69.565z"/>
|
||||
<path fill="#FFFFFF" d="M39.148,61.753c0,0-0.592-1.187-10.982,3.562c-10.39,4.75-24.637,14.84-23.749,17.219
|
||||
c0.892,2.371,11.874-4.454,7.125-0.895C6.794,85.202-0.628,98.562,6.495,92.031c7.126-6.531,12.171-8.312,5.345-2.969
|
||||
c-6.827,5.342-8.906,13.357-2.078,7.716c6.827-5.638,10.687-7.716,10.687-7.716s-16.031,13.062-9.5,13.652
|
||||
c6.53,0.594,10.982-6.526,10.982-6.526s-9.498,10.088-8.014,11.278c1.484,1.184,12.466-12.173,15.14-16.92
|
||||
c2.671-4.751,3.167-23.193,9.994-24.972C45.88,63.794,39.148,61.753,39.148,61.753z"/>
|
||||
<path fill="#FFFFFF" d="M62.928,66.137c0,0-1.741-5.218,0.219-9.781c1.956-4.567-1.307-7.176-4.785-6.091
|
||||
c-3.477,1.087-10.517,5.921-14.646,8.313c-4.131,2.394-9.486,8.212-11.444,11.258c-1.958,3.043-6.304,8.478-8.696,10
|
||||
c-2.392,1.521,0.87,1.305,3.914-0.219c3.043-1.521-8.047,6.308-1.088,2.829c0,0,8.698-3.265,1.956,2.171
|
||||
c-6.739,5.436-14.13,13.697-9.565,12.179c4.565-1.524,6.742-3.48,6.742-3.48s-10.656,10.004-5.219,7.178
|
||||
c5.435-2.83,11.305-9.353,11.305-9.353s0.653-21.305,19.326-34.427c3.854-2.709,9.793-9.208,9.793,4.197
|
||||
C60.738,63.709,62.928,66.137,62.928,66.137z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 6.1 KiB |
39
public/home/home/cssAnimation.css
Executable file
39
public/home/home/cssAnimation.css
Executable file
@@ -0,0 +1,39 @@
|
||||
div.logo{
|
||||
background-image:url("LogoHome.svg");
|
||||
width: 144px;
|
||||
height: 128px;
|
||||
margin-top: 85vh;
|
||||
margin-left: 44vw;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
#courtain{
|
||||
-webkit-animation: oopacity 2s ease-out 6s, clear 3s 6.5s;
|
||||
-webkit-animation-fill-mode:both,both;
|
||||
}
|
||||
|
||||
section#spacer{
|
||||
animation-name:nintro;
|
||||
animation-timing-function:ease-in;
|
||||
animation-delay:6s;
|
||||
animation-duration:0s;
|
||||
animation-fill-mode:backwards;
|
||||
|
||||
}
|
||||
section.anav{
|
||||
animation-name:nintro;
|
||||
animation-timing-function:ease-in;
|
||||
animation-delay:5s;
|
||||
animation-duration:1s;
|
||||
animation-fill-mode:backwards;
|
||||
}
|
||||
|
||||
@keyframes modIntro{ 0%{opacity:0;} 100%{opacity:1;} }
|
||||
@keyframes oopacity { 0%{ opacity:1; } 100%{ opacity:0; } }
|
||||
@keyframes clear{ 0%{ height:150vh; } 100%{ height:0px; } }
|
||||
@keyframes nintro{ 0% { position:absolute; top:-200px; } 100% { top:0px;} }
|
||||
|
||||
@-webkit-keyframes modIntro{ 0%{opacity:0;} 100%{opacity:1;} }
|
||||
@-webkit-keyframes oopacity { 0%{ opacity:1; } 100%{ opacity:0; } }
|
||||
@-webkit-keyframes clear{ 0%{ height:150vh; } 100%{ height:0px; } }
|
||||
@-webkit-keyframes nintro{ 0% { position:absolute; top:-200px; } 100% { top:0px;} }
|
||||
|
||||
@@ -35,6 +35,10 @@ label{
|
||||
}
|
||||
|
||||
form.login > input{
|
||||
width: 100%;
|
||||
height: 10vh;
|
||||
font-size: 1.3em;
|
||||
max-height: 50px;
|
||||
}
|
||||
|
||||
form.login > input#submit {
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<section id="ihead">
|
||||
<div id="courtain"></div>
|
||||
<div id="courtain"><div class="logo"></div></div>
|
||||
<article class="mod">
|
||||
<p class="mod"> <%= $mod %> </p>
|
||||
</article>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
<form class="login" action="" method="post">
|
||||
<label class="name" >Nombre:</label>
|
||||
<input class="name" type="text" name="uname" value="grullas">
|
||||
<label>Nick chat:</label>
|
||||
<label>Nombre para el chat:</label>
|
||||
<input type="text" size="20" name="nick" value=""/>
|
||||
<label class="pass">Contraseña:</label>
|
||||
<input class="pass" type="password" size="15" name="pass" value=""/>
|
||||
|
||||
Reference in New Issue
Block a user