parent
abbb45b16f
commit
e0d552e4c0
@ -0,0 +1 @@
|
||||
,nicoblondeau,ArchNico,30.10.2022 22:33,file:///home/nicoblondeau/.var/app/org.libreoffice.LibreOffice/config/libreoffice/4;
|
||||
Binary file not shown.
Binary file not shown.
@ -0,0 +1,111 @@
|
||||
.topPart{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
flex-direction: column;
|
||||
background-color: #2a9d8f;
|
||||
height: fit-content;
|
||||
text-shadow: 2px 2px #835d91;
|
||||
padding-bottom: 15px;
|
||||
padding-top: 30px;
|
||||
box-shadow: 0px 20px 15px 10px #2a9d8f;
|
||||
}
|
||||
|
||||
.layoutDeco{
|
||||
background-color: #F4A261;
|
||||
padding: 20px;
|
||||
margin-right: 35%;
|
||||
margin-left: 35%;
|
||||
border-top: 6px solid #E76F51;
|
||||
border-bottom: 6px solid #E76F51;
|
||||
margin-top: 3em;
|
||||
width: fit-content;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
#subTitle{
|
||||
padding-left: 15%;
|
||||
padding-right: 15%;
|
||||
}
|
||||
|
||||
.form{
|
||||
margin-top: 50px;
|
||||
background-color: #F4A261;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
flex-flow: column;
|
||||
padding-top: 20px;
|
||||
padding-bottom: 40px;
|
||||
align-items: center;
|
||||
padding-left: 5%;
|
||||
padding-right: 5%;
|
||||
margin-right: 30%;
|
||||
margin-left: 30%;
|
||||
border-top: 6px solid #E76F51;
|
||||
border-bottom: 6px solid #E76F51;
|
||||
margin-top: 3em;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
.form > div{
|
||||
|
||||
}
|
||||
|
||||
.form > *, .infos{
|
||||
font-family: Quicksand;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
transition-duration: 0.5s;
|
||||
transition-property: font-size, color;
|
||||
}
|
||||
|
||||
#box, #reset, #submit{
|
||||
background-color: #ddbea9;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
max-width: 500px;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
margin-top: 15px;
|
||||
padding: 10px;
|
||||
width: 80%;
|
||||
}
|
||||
|
||||
#reasons{
|
||||
background-color: #cb997e;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
max-width: 500px;
|
||||
margin-top: 15px;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
#radio{
|
||||
margin-top: 15px;
|
||||
}
|
||||
|
||||
#reset, #submit{
|
||||
max-width: 200px;
|
||||
}
|
||||
|
||||
select{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.infos{
|
||||
background-color: #F4A261;
|
||||
padding: 20px;
|
||||
border-top: 6px solid #E76F51;
|
||||
border-bottom: 6px solid #E76F51;
|
||||
align-content: center;
|
||||
text-align: center;
|
||||
border-radius: 20px;
|
||||
font-size: x-large;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px){
|
||||
label, textarea{
|
||||
font-size: 80%;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,244 @@
|
||||
@font-face {
|
||||
font-family: Quicksand;
|
||||
src: url(../src/font/Quicksand-Bold.otf);
|
||||
}
|
||||
|
||||
html{
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
header{
|
||||
height: fit-content;
|
||||
text-align: center;
|
||||
position: sticky;
|
||||
top: 0px;
|
||||
background-color: #264653;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6, p, figcaption, li{
|
||||
font-family: Quicksand;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
margin: 0px;
|
||||
padding: 8px;
|
||||
transition-duration: 0.5s;
|
||||
transition-property: font-size, color;
|
||||
}
|
||||
|
||||
a{
|
||||
font-family: Quicksand;
|
||||
color: #FFFFFF;
|
||||
text-align: center;
|
||||
color: inherit; /* no blue colors for links */
|
||||
text-decoration: inherit; /* no underline */
|
||||
}
|
||||
|
||||
body{
|
||||
margin: 0px;
|
||||
background-color: #E9C46A;
|
||||
}
|
||||
|
||||
.socialLinks{
|
||||
margin-left: 10%;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
float: right;
|
||||
position: sticky;
|
||||
right: 5%;
|
||||
top: 20px;
|
||||
padding: 0px;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 30px;
|
||||
text-align: center;
|
||||
width : 300px;
|
||||
}
|
||||
|
||||
#insta{
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
#snap{
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
#twitter{
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
}
|
||||
|
||||
#bodyDiv{
|
||||
margin-left: 10%;
|
||||
margin-right: 10%;
|
||||
margin-top: 4em;
|
||||
display: block;
|
||||
}
|
||||
|
||||
#headerMenu{
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
height: fit-content;
|
||||
}
|
||||
|
||||
#headerMenu > h2{
|
||||
margin-left: 3%;
|
||||
margin-right: 3%;
|
||||
background-color: rgba(0, 0, 0, 0);
|
||||
transition-duration: 0.2s;
|
||||
border-radius: 30px;
|
||||
transition-property: background-color;
|
||||
}
|
||||
|
||||
#headerMenu > h2:hover, #headerMenu > .dropdownBox:hover{
|
||||
background-color: rgba(255, 255, 255, .2);
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
.dropdownBtn{
|
||||
background-color: #04AA6D;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.dropdownBox{
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.menuInfos{
|
||||
display: none;
|
||||
position: absolute;
|
||||
background-color: #e3d5ca;
|
||||
min-width: 150px;
|
||||
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
|
||||
z-index: 1;
|
||||
border-radius: 25px;
|
||||
transition-duration: 1s;
|
||||
transition-property: background-color, min-width;
|
||||
}
|
||||
|
||||
.menuInfos a{
|
||||
color: black;
|
||||
padding: 12px 16px;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
.menuInfos a:hover {
|
||||
transition: background-color;
|
||||
background-color: #d5bdaf;
|
||||
}
|
||||
|
||||
.dropdownBox:hover .menuInfos {
|
||||
display: block;
|
||||
}
|
||||
|
||||
img{
|
||||
border-radius: 11px;
|
||||
}
|
||||
|
||||
#goUpChild{
|
||||
width: fit-content;
|
||||
padding: 15px;
|
||||
background-color: #e3d5ca;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 8px;
|
||||
transition-duration: 0.5s;
|
||||
transition-property: background-color;
|
||||
}
|
||||
|
||||
#goUpChild:hover{
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
#goUp{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#arrowUp{
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
}
|
||||
|
||||
footer{
|
||||
padding-top: 1em;
|
||||
padding-bottom: 3em;
|
||||
border-top: 6px solid #264653;
|
||||
border-bottom: 6px solid #264653;
|
||||
background-color: #2A9D8F;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 800px){
|
||||
h1, h2, h3, h4, h5, h6, p{
|
||||
transition
|
||||
font-family: Quicksand;
|
||||
color: #ffffff;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
font-size: 90%;
|
||||
margin: 0px;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
header{
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
#headerMenu > h2{
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
#headerMenu{
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.socialLinks{
|
||||
margin-top: 5px;
|
||||
margin-right: 3%;
|
||||
position: absolute;
|
||||
padding: 0px;
|
||||
top: 125px;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 20px;
|
||||
width: 70px;
|
||||
}
|
||||
|
||||
#insta{
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#snap{
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
|
||||
#twitter{
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,142 @@
|
||||
.topPart{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
flex-direction: column;
|
||||
background-color: #FFFFFF;
|
||||
background-image: url("../src/pictures/skateBannerv2.png");
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
height: 420px;
|
||||
text-shadow: 2px 2px #835d91;
|
||||
padding-bottom: 30px;
|
||||
box-shadow: 0px 20px 20px 0px #ba9fc7;
|
||||
border-bottom: 3px solid #8c5784;
|
||||
}
|
||||
|
||||
#title{
|
||||
font-size: 300%;
|
||||
}
|
||||
|
||||
#subTitle{
|
||||
font-size: xx-large;
|
||||
}
|
||||
|
||||
#gifSkate{
|
||||
height: 12em;
|
||||
width: 17em;
|
||||
}
|
||||
|
||||
#updateNotes{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.updateWebsiteSection{
|
||||
float: right;
|
||||
background-color: #F4A261;
|
||||
padding: 20px;
|
||||
margin-right: 5%;
|
||||
margin-left: 5%;
|
||||
margin-bottom: 5%;
|
||||
border-top: 6px solid #E76F51;
|
||||
border-bottom: 6px solid #E76F51;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.newsTable{
|
||||
float: inherit;
|
||||
background-color: #F4A261;
|
||||
padding: 20px;
|
||||
border-top: 6px solid #E76F51;
|
||||
border-bottom: 6px solid #E76F51;
|
||||
align-content: center;
|
||||
text-align: center;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
.article{
|
||||
border-radius: 10px;
|
||||
background-color: transparent;
|
||||
transition-duration: 0.5s;
|
||||
transition-property: background-color;
|
||||
margin-right: 2%;
|
||||
}
|
||||
|
||||
.article:hover{
|
||||
background-color: #fec89a;
|
||||
}
|
||||
|
||||
.tableImg{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
#descArticles{
|
||||
display: block;
|
||||
}
|
||||
|
||||
.sameTheme{
|
||||
background-color: #F4A261;
|
||||
padding: 20px;
|
||||
margin-top: 5%;
|
||||
margin-right: 10%;
|
||||
margin-left: 10%;
|
||||
border-top: 6px solid #E76F51;
|
||||
border-bottom: 6px solid #E76F51;
|
||||
border-radius: 20px;
|
||||
height: 400px;
|
||||
min-width: 435px;
|
||||
}
|
||||
|
||||
#bottomLinks > a{
|
||||
width: fit-content;
|
||||
background-color: #c97c5d;
|
||||
border-radius: 25px;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
padding-left: 40px;
|
||||
padding-right: 40px;
|
||||
border-bottom: 4px solid #7d4f50;
|
||||
border-right: 4px solid #7d4f50;
|
||||
color: #FFFFFF;
|
||||
transition-duration: 1s;
|
||||
transition-property: background-color, border, color;
|
||||
}
|
||||
|
||||
#bottomLinks > a:hover{
|
||||
background-color: #f3d8c7;
|
||||
border-bottom: 4px solid #f38375;
|
||||
border-right: 4px solid #f38375;
|
||||
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1030px){
|
||||
|
||||
#bodyDiv{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 800px){
|
||||
.updateWebsiteSection + .newsTable{
|
||||
clear: right;
|
||||
margin-right: 5%;
|
||||
margin-left: 5%;
|
||||
}
|
||||
|
||||
#descArticles{
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sameTheme{
|
||||
min-width: 280px;
|
||||
}
|
||||
|
||||
#bottomLinks > a{
|
||||
padding-left: 5%;
|
||||
padding-right: 5%;
|
||||
font-size: 80%;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,127 @@
|
||||
.topPart{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
flex-direction: column;
|
||||
background-color: #FFFFFF;
|
||||
background-image: url("../src/pictures/mediaBanner.jpg");
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
height: 420px;
|
||||
text-shadow: 2px 2px #835d91;
|
||||
padding-bottom: 30px;
|
||||
box-shadow: 0px 20px 20px 0px #d5bdaf;
|
||||
border-bottom: 3px solid #9a8c98;
|
||||
margin-bottom: 50px;
|
||||
}
|
||||
body{
|
||||
background-color: #eee2df;
|
||||
}
|
||||
|
||||
#title{
|
||||
font-size: 300%;
|
||||
}
|
||||
|
||||
#subTitle{
|
||||
font-size: xx-large;
|
||||
}
|
||||
|
||||
.bodyDiv{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.column {
|
||||
-ms-flex: 25%; /* IE10 */
|
||||
flex: 25%;
|
||||
max-width: 50%;
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
flex-flow: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
figcaption{
|
||||
padding-left: 20px;
|
||||
padding-right: 20px;
|
||||
margin-left: 5px;
|
||||
visibility: hidden;
|
||||
transition-duration: 0.3s;
|
||||
transition-property: visibility, background-color;
|
||||
border-radius: 20px;
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
img:hover + figcaption, video:hover + figcaption{
|
||||
visibility: visible;
|
||||
background-color: #5e548e;
|
||||
color: white;
|
||||
}
|
||||
|
||||
figure > img, figure > video{
|
||||
width: 350px;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 15px;
|
||||
margin-left: 10px;
|
||||
margin-right: 0px;
|
||||
vertical-align: middle;
|
||||
border-radius: 3px;
|
||||
border: 6px solid #ffb4a2;
|
||||
box-shadow: 20px 38px 34px -26px rgba(0,0,0,.2);
|
||||
transition-duration: 0.6s;
|
||||
transition-property: width, margin-top, margin-left, margin-bottom, margin-right, box-shadow, border;
|
||||
}
|
||||
|
||||
figure > img:hover, figure > video:hover{
|
||||
width: 360px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 5px;
|
||||
margin-left: 5px;
|
||||
margin-right: 0px;
|
||||
box-shadow: 4px 10px 6px -8px rgba(0,0,0,.3);
|
||||
border: 6px solid #5e548e;
|
||||
}
|
||||
|
||||
#credits{
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 800px) {
|
||||
.column {
|
||||
-ms-flex: 50%;
|
||||
flex: 50%;
|
||||
max-width: 50%;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.column > img, .column > video{
|
||||
margin-left: 0px;
|
||||
width: 90%;
|
||||
transition-duration: 0.6s;
|
||||
transition-property: width, margin-top, margin-left, margin-bottom, margin-right;
|
||||
}
|
||||
|
||||
.column > img:hover, .column > video:hover{
|
||||
width: 95%;
|
||||
margin-top: 5px;
|
||||
margin-bottom: 5px;
|
||||
margin-left: 0px;
|
||||
margin-right: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1000px) {
|
||||
#c3, #c1, #c4{
|
||||
display: none;
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1900px) {
|
||||
#c1, #c4{
|
||||
visibility: hidden;
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,79 @@
|
||||
.topPart{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
flex-direction: column;
|
||||
background-color: #FFFFFF;
|
||||
background-image: url("../src/pictures/newsBanner.png");
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
height: 420px;
|
||||
text-shadow: 2px 2px #835d91;
|
||||
padding-bottom: 30px;
|
||||
box-shadow: 0px 20px 20px 0px #ffb073;
|
||||
border-bottom: 3px solid #E76F51;
|
||||
}
|
||||
|
||||
#title{
|
||||
font-size: 300%;
|
||||
}
|
||||
|
||||
.bodyDiv{
|
||||
margin-left: 10%;
|
||||
margin-right: 10%;
|
||||
margin-top: 3em;
|
||||
clear: right;
|
||||
clear: left;
|
||||
}
|
||||
|
||||
.article{
|
||||
border-radius: 10px;
|
||||
background-color: transparent;
|
||||
transition-duration: 0.5s;
|
||||
transition-property: background-color;
|
||||
margin-right: 2%;
|
||||
}
|
||||
|
||||
.article:hover{
|
||||
background-color: #fec89a;
|
||||
}
|
||||
|
||||
.tableImg{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.newsTable{
|
||||
float: inherit;
|
||||
padding: 20px;
|
||||
border-top: 6px solid #E76F51;
|
||||
border-bottom: 6px solid #E76F51;
|
||||
align-content: center;
|
||||
text-align: center;
|
||||
border-radius: 20px;
|
||||
|
||||
background-color: #ffb073;
|
||||
transition-duration: 0.8s;
|
||||
transition-property: background-color;
|
||||
}
|
||||
|
||||
.newsTable:hover{
|
||||
background-color: #F4A261;
|
||||
}
|
||||
|
||||
footer{
|
||||
padding-top: 1em;
|
||||
padding-bottom: 3em;
|
||||
border-top: 6px solid #264653;
|
||||
border-bottom: 6px solid #264653;
|
||||
background-color: #2A9D8F;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 800px){
|
||||
|
||||
#descArticles{
|
||||
display: none;
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,15 @@
|
||||
.topPart{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
flex-direction: column;
|
||||
height: 100px;
|
||||
text-shadow: 2px 2px #835d91;
|
||||
padding-bottom: 30px;
|
||||
box-shadow: 0px 20px 20px 0px #84a98c;
|
||||
background-color: #84a98c;
|
||||
}
|
||||
|
||||
#siteImg{
|
||||
width: 100%;
|
||||
}
|
||||
@ -0,0 +1,90 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<title>Skateboard Unity</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="author" content="Nicolas">
|
||||
<meta name="description" content="Ce site est sur le thème vaste du skate :)">
|
||||
<link rel="stylesheet" href="../css/default.css" type="text/css" media="screen" />
|
||||
<link rel="stylesheet" href="../css/contact.css" type="text/css" media="screen" />
|
||||
<link rel="icon" type="image/x-icon" href="../src/pictures/skateIcon.ico">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav id="headerMenu">
|
||||
<h2><a href="../index.html">Home</a></h2>
|
||||
<h2><a href="news.html">News</a></h2>
|
||||
<div class="dropdownBox">
|
||||
<h2 class="menuInfosBtn">More about us</h2>
|
||||
<div class="menuInfos">
|
||||
<h2><a class="moreInfos" href="contact.html">Contact Us</a></h2>
|
||||
<h2><a class="moreInfos" href="media.html">Medias and Photos</a></h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="socialLinks">
|
||||
<a href="instagram.com">
|
||||
<img id="insta" src="../src/pictures/instaIc.png" alt="Icon">
|
||||
</a>
|
||||
<a href="snapchat.com">
|
||||
<img id="snap" src="../src/pictures/snapIc.png" alt="Icon">
|
||||
</a>
|
||||
<a href="twitter.com">
|
||||
<img id="twitter" src="../src/pictures/twitterIc.png" alt="Icon">
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<div class="topPart">
|
||||
<h1 id="subTitle"><u>You want to contact us? Fill up the form or DM us on Social Medias!</u></h1>
|
||||
<br/>
|
||||
</div>
|
||||
<div class="layoutDeco">
|
||||
<h2>Instagram : <a class="social" href="instagram.com/">@SkateboardUnity</a></h2>
|
||||
<h2>Snapchat : <a class="social" href="snapchat.com/">@SkateboardUnity</a></h2>
|
||||
<h2>Twitter : <a class="social" href="twitter.com/">@SkateboardUnity</a></h2>
|
||||
</div>
|
||||
<br/>
|
||||
<form class="form" action="../php/form.php" method="POST">
|
||||
<h2><u><b>Fill the form :</b></u></h2>
|
||||
<div>
|
||||
<label for="id_prenom" value="surname">First name: </label>
|
||||
<input id="box" name="surname" type="text" id="id_prenom" required>
|
||||
</div>
|
||||
<div>
|
||||
<label for="id_nom" value="name">Name: </label>
|
||||
<input id="box" name="name" type="text" id="id_nom" required>
|
||||
</div>
|
||||
<div>
|
||||
<label for="id_email" value="email">Email: </label>
|
||||
<input id="box" name="email" type="email" id="id_email" required></input>
|
||||
</div>
|
||||
<select name="reason" id="reasons" required>
|
||||
<option id="contactUs" value="Feedback">Contact Us - Send a feedback</option>
|
||||
<option id="reportBug" value="Bug report">Report a bug</option>
|
||||
</select>
|
||||
<div id="radio">
|
||||
<label for="firstDemand">First Demand</label>
|
||||
<input type="radio" name="demand" id="firstDemand" value="First Demand"></input>
|
||||
</div>
|
||||
<div id="radio">
|
||||
<label for="notFirstDemand">Already sent a demand</label>
|
||||
<input type="radio" name="demand" id="notFirstDemand" value="Not the first Demand"></input>
|
||||
</div>
|
||||
<textarea name="box" id="box" cols="50" rows="8" required></textarea>
|
||||
<div>
|
||||
<label for="id_checkbox">I agree to share my informations with "UnitySkate" </label>
|
||||
<input type="checkbox" id="id_checkbox" name="id_checkbox" required>
|
||||
</div>
|
||||
<input id="reset" type="reset" value="Reset">
|
||||
<input id="submit" type="submit" value="Submit">
|
||||
</form>
|
||||
<br/>
|
||||
<br/>
|
||||
<footer>
|
||||
<br/>
|
||||
<br/>
|
||||
<p>2022, Blondeau Nicolas Groupe 1 - All rights reserved. <a href="../html/siteMap.html"><u>Site Map</u></a></p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,149 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<title>Skateboard Unity</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="author" content="Nicolas">
|
||||
<meta name="description" content="Ce site est sur le thème vaste du skate :)">
|
||||
<link rel="stylesheet" href="../css/default.css" type="text/css" media="screen" />
|
||||
<link rel="stylesheet" href="../css/media.css" type="text/css" media="screen" />
|
||||
<link rel="icon" type="image/x-icon" href="../src/pictures/skateIcon.ico">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div id="headerMenu">
|
||||
<h2><a href="../index.html">Home</a></h2>
|
||||
<h2><a href="news.html">News</a></h2>
|
||||
<div class="dropdownBox">
|
||||
<h2 class="menuInfosBtn">More about us</h2>
|
||||
<div class="menuInfos">
|
||||
<h2><a class="moreInfos" href="contact.html">Contact Us</a></h2>
|
||||
<h2><a class="moreInfos" href="media.html">Medias and Photos</a></h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="socialLinks">
|
||||
<a href="instagram.com">
|
||||
<img id="insta" src="../src/pictures/instaIc.png" alt="Icon">
|
||||
</a>
|
||||
<a href="snapchat.com">
|
||||
<img id="snap" src="../src/pictures/snapIc.png" alt="Icon">
|
||||
</a>
|
||||
<a href="twitter.com">
|
||||
<img id="twitter" src="../src/pictures/twitterIc.png" alt="Icon">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="topPart">
|
||||
<h1 id="title"><b>Skateboard Unity</b></h1>
|
||||
<h1 id="subTitle"><u>Informations: Medias and Photos</u></h1>
|
||||
<br/>
|
||||
</div>
|
||||
<div class="bodyDiv">
|
||||
<div id="c1" class="column">
|
||||
<figure>
|
||||
<img src="../src/blog/res/photos/fise-xperience-series-le-havre-results-1740.jpg"/>
|
||||
<figcaption><b>Image credit:</b> / Hurricane/FISE</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<video src="../src/media/videos/Backside+lipslide+kickflip+backside+lipslide+shorts.mp4" type="video/mp4" autoplay muted loop></video>
|
||||
<figcaption><b>Image credit:</b> / Youtube/RickyGlaser</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="../src/blog/res/photos/best-foot-forward-oslo-recap-1726.jpg"/>
|
||||
<figcaption><b>Image credit:</b> / Blue Tomato/Carl Østberg</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="../src/blog/res/photos/four-stops-towards-the-world-rookie-skateboard-finals-2022-1747.jpg"/>
|
||||
<figcaption><b>Image credit:</b> / World Rookie Tour/Black Yeti</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<video src="../src/media/videos/SATISFYING+SKATEBOARDING!+shorts.mp4" type="video/mp4" autoplay muted loop></video>
|
||||
<figcaption><b>Image credit:</b> / Youtube/RickyGlaser</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
<div id="c2" class="column">
|
||||
<figure>
|
||||
<img src="../src/blog/res/photos/longboard-wheel-science.jpg"/>
|
||||
<figcaption><b>Image credit:</b> / ESPORTE/Luddmyla .</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="../src/blog/res/photos/world-rookie-skateboard-finals-2022-1736.jpg"/>
|
||||
<figcaption><b>Image credit:</b> / World Rookie Tour/Black Yeti</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="../src/media/photos/skateboard-trick-tipp-fakie-disaster-768x512.webp"/>
|
||||
<figcaption><b>Image credit:</b> / Youtube/SKATEDELUXE/Backside Disaster</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<video src="../src/media/videos/PoleJam+late+impossible+shorts.mp4" type="video/mp4" autoplay muted loop></video>
|
||||
<figcaption><b>Image credit:</b> / Youtube/RickyGlaser</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="../src/media/photos/photo-random.jpg"/>
|
||||
<figcaption><b>Image credit:</b> / Wallpapercave.com/Unknown (5810050.jpg)</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
<div id="c3" class="column">
|
||||
<figure>
|
||||
<video src="../src/media/videos/Around+we+go+shorts.mp4" type="video/mp4" autoplay muted loop></video>
|
||||
<figcaption><b>Image credit:</b> / Youtube/RickyGlaser</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="../src/media/photos/railSkateTricks.webp"/>
|
||||
<figcaption><b>Image credit:</b> / Unknown</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="../src/media/photos/downhill-skateboard-tricks1.webp">
|
||||
<figcaption><b>Image credit:</b> / Unknown</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="../src/media/photos/Skateboarder1_Robert'sSkateboardingBlog.webp">
|
||||
<figcaption><b>Image credit:</b> / Unknown</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="../src/media/photos/autre-photo.webp">
|
||||
<figcaption><b>Image credit:</b> / Unknown</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
<div id="c4" class="column">
|
||||
<figure>
|
||||
<img src="../src/media/photos/vitus-silas-sondrup-and-antonie-bakosova-are-the-2022-world-rookie-skateboard-champions-1756.jpg"/>
|
||||
<figcaption><b>Image credit:</b> / World Rookie Tour/Andreas Amplatz</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="../src/media/photos/Gal_skate.jpg">
|
||||
<figcaption><b>Image credit:</b> / World Rookie Tour/Andreas Amplatz</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<video src="../src/media/videos/this+trick+shouldn't+be+possible+shorts.mp4" type="video/mp4" autoplay muted loop></video>
|
||||
<figcaption><b>Image credit:</b> / Youtube/BrailleSkateboarding</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="../src/media/photos/Gal_1097-Bulle 2.jpg">
|
||||
<figcaption>^<b>Image credit:</b> / Blue Tomato/Sebastiano Bartoloni</figcaption>
|
||||
</figure>
|
||||
<figure>
|
||||
<img src="../src/media/photos/Gal_1091-MysticSk8Cup (10).jpg">
|
||||
<figcaption><b>Image credit:</b> / World Rookie Tour/Black Yeti</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
</div>
|
||||
<br/>
|
||||
<br/>
|
||||
<div id="goUp">
|
||||
<a href="#" id="goUpChild">
|
||||
<span>Top of the page</span>
|
||||
<img id="arrowUp" src="../src/pictures/arrowUp.png">
|
||||
</a>
|
||||
</div>
|
||||
<br/>
|
||||
<br/>
|
||||
<footer>
|
||||
<br/>
|
||||
<br/>
|
||||
<p>2022, Blondeau Nicolas Groupe 1 - All rights reserved. <a href="../html/siteMap.html"><u>Site Map</u></a></p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,50 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<title>Skateboard Unity</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="author" content="Nicolas">
|
||||
<meta name="description" content="Ce site est sur le thème vaste du skate :)">
|
||||
<link rel="stylesheet" href="../css/default.css" type="text/css" media="screen" />
|
||||
<link rel="stylesheet" href="../css/siteMap.css" type="text/css" media="screen" />
|
||||
<link rel="icon" type="image/x-icon" href="../src/pictures/skateIcon.ico">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div id="headerMenu">
|
||||
<h2><a href="../index.html">Home</a></h2>
|
||||
<h2><a href="news.html">News</a></h2>
|
||||
<div class="dropdownBox">
|
||||
<h2 class="menuInfosBtn">More about us</h2>
|
||||
<div class="menuInfos">
|
||||
<h2><a class="moreInfos" href="contact.html">Contact Us</a></h2>
|
||||
<h2><a class="moreInfos" href="media.html">Medias and Photos</a></h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="socialLinks">
|
||||
<a href="instagram.com">
|
||||
<img id="insta" src="../src/pictures/instaIc.png" alt="Icon">
|
||||
</a>
|
||||
<a href="snapchat.com">
|
||||
<img id="snap" src="../src/pictures/snapIc.png" alt="Icon">
|
||||
</a>
|
||||
<a href="twitter.com">
|
||||
<img id="twitter" src="../src/pictures/twitterIc.png" alt="Icon">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<div class="topPart">
|
||||
<h1><b><u>Site Map</u></b></h1>
|
||||
</div>
|
||||
<br/>
|
||||
<br/>
|
||||
<img id="siteImg" src="../src/pictures/SiteMap.png">
|
||||
<footer>
|
||||
<br/>
|
||||
<br/>
|
||||
<p>2022, Blondeau Nicolas Groupe 1 - All rights reserved. <a href="../html/siteMap.html"><u>Site Map</u></a></p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,67 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>Skateboard Unity</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="author" content="Nicolas">
|
||||
<meta name="description" content="Ce site est sur le thème vaste du skate :)">
|
||||
<link rel="stylesheet" href="../css/default.css" type="text/css" media="screen" />
|
||||
<link rel="stylesheet" href="../css/contact.css" type="text/css" media="screen" />
|
||||
<link rel="icon" type="image/x-icon" href="../src/pictures/skateIcon.ico">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<div id="headerMenu">
|
||||
<h2><a href="../index.html">Home</a></h2>
|
||||
<h2><a href="../html/news.html">News</a></h2>
|
||||
<div class="dropdownBox">
|
||||
<h2 class="menuInfosBtn">More about us</h2>
|
||||
<div class="menuInfos">
|
||||
<h2><a class="moreInfos" href="../html/contact.html">Contact Us</a></h2>
|
||||
<h2><a class="moreInfos" href="../html/media.html">Medias and Photos</a></h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="socialLinks">
|
||||
<a href="instagram.com">
|
||||
<img id="insta" src="../src/pictures/instaIc.png" alt="Icon">
|
||||
</a>
|
||||
<a href="snapchat.com">
|
||||
<img id="snap" src="../src/pictures/snapIc.png" alt="Icon">
|
||||
</a>
|
||||
<a href="twitter.com">
|
||||
<img id="twitter" src="../src/pictures/twitterIc.png" alt="Icon">
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<?php
|
||||
echo('<div class="topPart"><h1 id="title"><u>'.$_POST["surname"].', you completed the form with the following informations:</u></h1><br/></div>');
|
||||
echo('<div class="infos">');
|
||||
echo("Surname: ");
|
||||
echo($_POST['surname']);
|
||||
echo("<br/>");
|
||||
echo("Name: ");
|
||||
echo($_POST['name']);
|
||||
echo("<br/>");
|
||||
echo "Email: ";
|
||||
echo($_POST['email']);
|
||||
echo("<br/>");
|
||||
echo "Reason of contact: ";
|
||||
echo($_POST['reason']);
|
||||
echo("<br/>");
|
||||
echo "State of the demand: ";
|
||||
echo($_POST['demand']);
|
||||
echo("<br/>");
|
||||
echo "Description: ";
|
||||
echo($_POST['box']);
|
||||
echo("<br/>");
|
||||
echo("</div>");
|
||||
?>
|
||||
<br/>
|
||||
<br/>
|
||||
</body>
|
||||
<footer>
|
||||
<br/>
|
||||
<br/>
|
||||
<p>2022, Blondeau Nicolas Groupe 1 - All rights reserved. <a href="../html/siteMap.html">Site Map</a></p>
|
||||
</footer>
|
||||
</html>
|
||||
@ -0,0 +1,49 @@
|
||||
@font-face {
|
||||
font-family: Quicksand;
|
||||
src: url(../../../font/Quicksand-Bold.otf);
|
||||
}
|
||||
|
||||
.topPart{
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: flex-end;
|
||||
flex-direction: column;
|
||||
height: 100px;
|
||||
text-shadow: 2px 2px #835d91;
|
||||
padding-bottom: 30px;
|
||||
box-shadow: 0px 20px 20px 0px #84a98c;
|
||||
background-color: #84a98c;
|
||||
}
|
||||
|
||||
body{
|
||||
background-color: #F4A261;
|
||||
}
|
||||
|
||||
body > p{
|
||||
padding-left: 10%;
|
||||
padding-right: 10%;
|
||||
}
|
||||
|
||||
a{
|
||||
color: inherit; /* blue colors for links too */
|
||||
text-decoration: inherit; /* no underline */
|
||||
}
|
||||
|
||||
body > img, body > embed{
|
||||
background-color: #E9C46A;
|
||||
padding: 20px;
|
||||
margin-right: 5%;
|
||||
margin-left: 5%;
|
||||
margin-bottom: 40px;
|
||||
border-top: 6px solid #E76F51;
|
||||
border-bottom: 6px solid #E76F51;
|
||||
border-radius: 10px;
|
||||
box-shadow: 20px 20px 50px 10px #ffb4a2 inset;
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
#credits{
|
||||
text-align: left;
|
||||
margin-left: 5%;
|
||||
margin-bottom: 5em;
|
||||
}
|
||||
@ -0,0 +1,74 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<title>Skateboard Unity</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="author" content="Nicolas">
|
||||
<meta name="description" content="Ce site est sur le thème vaste du skate :)">
|
||||
<link rel="stylesheet" href="../../../../css/default.css" type="text/css" media="screen" />
|
||||
<link rel="stylesheet" href="../css/default.css" type="text/css" media="screen" />
|
||||
<link rel="icon" type="image/x-icon" href="../../../pictures/skateIcon.ico">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav id="headerMenu">
|
||||
<h2><a href="../../../../index.html">Home</a></h2>
|
||||
<h2><a href="../../../../html/news.html">News</a></h2>
|
||||
<div class="dropdownBox">
|
||||
<h2 class="menuInfosBtn">More about us</h2>
|
||||
<div class="menuInfos">
|
||||
<h2><a class="moreInfos" href="../../../../html/contact.html">Contact Us</a></h2>
|
||||
<h2><a class="moreInfos" href="../../../../html/media.html">Medias and Photos</a></h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="socialLinks">
|
||||
<a href="instagram.com">
|
||||
<img id="insta" src="../../../pictures/instaIc.png" alt="Icon">
|
||||
</a>
|
||||
<a href="snapchat.com">
|
||||
<img id="snap" src="../../../pictures/snapIc.png" alt="Icon">
|
||||
</a>
|
||||
<a href="twitter.com">
|
||||
<img id="twitter" src="../../../pictures/twitterIc.png" alt="Icon">
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<div class="topPart">
|
||||
<h2>FISE XPERIENCE SERIES LE HAVRE RESULTS</h2>
|
||||
</div>
|
||||
<br/>
|
||||
<br/>
|
||||
<img width="800px"src="../photos/fise-xperience-series-le-havre-results-1740.jpg">
|
||||
<p id="credits"><i>Image credit: / Hurricane/FISE</i></p>
|
||||
<h5>Thursday, September 1, 2022</h5>
|
||||
<br/>
|
||||
<p>
|
||||
More than 200 riders registered, huge crowds of spectators and bright sun set up the way to enjoy Le Havre of this last weekend of summer 2022. As the biggest of the season, this last stop was served with a 5 disciplines contest.<br/>
|
||||
<br/>
|
||||
On 3 fields of play, the city gathered Yadea BMX and Roller Freestyle Park, Skateboard and Scooter Bowl as well as BMX Flatland riders to wrap the season. Pro, Amateur, Women and Young talents were going big, with the Coupe de France FFC for BMX Flatland and Yadea BMX Freestyle Park, as well as a UCI C1 certification for the last one. As in the iconic Le Havre's Bowl, on the massive Yadea Freestyle Park ramps or on the Flatland Area, crowds were on fire to support international riders and local rising champions.
|
||||
</p>
|
||||
<br/>
|
||||
<p><u>Results Skateboard Bowl:</u><br/>
|
||||
<br/>
|
||||
1 - Joseph Garbaccio<br/>
|
||||
2 - Rodrigue Diaz<br/>
|
||||
3 - Sebastian Mouron<br/>
|
||||
<br/>
|
||||
1 - Gadea Moja<br/>
|
||||
2 - Clémence Audoit<br/>
|
||||
3 - Inés Coupin</p>
|
||||
<br/>
|
||||
<br/>
|
||||
<embed width="1061" height="597" src="https://www.youtube.com/embed/H9XSCyKmjeE" title="BEST OF Le Havre FISE Xperience" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></embed>
|
||||
<p><b>BEST OF Le Havre FISE Xperience</b></p>
|
||||
<br/>
|
||||
<br/>
|
||||
<footer>
|
||||
<br/>
|
||||
<br/>
|
||||
<p>2022, Blondeau Nicolas Groupe 1 - All rights reserved. <a href="../../../../html/siteMap.html"><u>Site Map</u></a></p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,88 @@
|
||||
<!DOCTYPE html>
|
||||
|
||||
<html>
|
||||
<head>
|
||||
<title>Skateboard Unity</title>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="author" content="Nicolas">
|
||||
<meta name="description" content="Ce site est sur le thème vaste du skate :)">
|
||||
<link rel="stylesheet" href="../../../../css/default.css" type="text/css" media="screen" />
|
||||
<link rel="stylesheet" href="../css/default.css" type="text/css" media="screen" />
|
||||
<link rel="icon" type="image/x-icon" href="../../../pictures/skateIcon.ico">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav id="headerMenu">
|
||||
<h2><a href="../../../../index.html">Home</a></h2>
|
||||
<h2><a href="../../../../html/news.html">News</a></h2>
|
||||
<div class="dropdownBox">
|
||||
<h2 class="menuInfosBtn">More about us</h2>
|
||||
<div class="menuInfos">
|
||||
<h2><a class="moreInfos" href="../../../../html/contact.html">Contact Us</a></h2>
|
||||
<h2><a class="moreInfos" href="../../../../html/media.html">Medias and Photos</a></h2>
|
||||
</div>
|
||||
</div>
|
||||
<div class="socialLinks">
|
||||
<a href="instagram.com">
|
||||
<img id="insta" src="../../../pictures/instaIc.png" alt="Icon">
|
||||
</a>
|
||||
<a href="snapchat.com">
|
||||
<img id="snap" src="../../../pictures/snapIc.png" alt="Icon">
|
||||
</a>
|
||||
<a href="twitter.com">
|
||||
<img id="twitter" src="../../../pictures/twitterIc.png" alt="Icon">
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<div class="topPart">
|
||||
<h2>THE SCIENCE OF LONGBOARD WHEELS</h2>
|
||||
</div>
|
||||
<br/>
|
||||
<br/>
|
||||
<img width="800px"src="../photos/longboard-wheel-science.jpg">
|
||||
<p id="credits"><i>Image credit: Unknown</i></p>
|
||||
<h5>Thursday, September 1, 2022</h5>
|
||||
<br/>
|
||||
<p>
|
||||
Back in the day, there were very few decisions that had to be made regarding what types of wheels would be the hot ticket for skating.<br/>
|
||||
At first, we just had steel, and all we could do was hang on for our lives.<br/>
|
||||
Next came a slight improvement with clay wheels, and then the floodgates began to crack open with the advent of polyurethane for skate wheels.<br/>
|
||||
That major revelation happened over 40 years ago, and since then, wheel technology has exploded.<br/>
|
||||
<br/>Today, this explosion has left us with an enormous matrix of choices regarding skate wheels.<br/>
|
||||
But with all of these choices have come plenty of misconceptions and misinformation about what wheel works best for what types of skating.<br/><br/>
|
||||
It's not simply a material choice anymore.<br/><br/>
|
||||
</p>
|
||||
<img src="../photos/longboard-wheels.jpg">
|
||||
<p>
|
||||
Compounds, geometry, hubs, sizes, and aspect ratios must now be considered when setting up your ride.<br/>
|
||||
With so many different types and styles of skating evolving all of the time, this further makes a choice more difficult.<br/>
|
||||
A wheel that might work stellar for one type of skating may be a total abortion for another.<br/>
|
||||
<br/>
|
||||
</p>
|
||||
<br/>
|
||||
<h3>All important properties to choose your wheels:</h3>
|
||||
<li>
|
||||
1. Construction<br/>
|
||||
2. Strength<br/>
|
||||
3. Energy Return<br/>
|
||||
4. Rolling Resistance<br/>
|
||||
5. Lateral Traction<br/>
|
||||
6. Abrasion Resistance<br/>
|
||||
7. Rotational Inertia<br/>
|
||||
8. Hysteresis and Heat Transfer<br/>
|
||||
9. Economy<br/>
|
||||
</li>
|
||||
<br/>
|
||||
<p><i>Here is a video for more details:</i></p>
|
||||
<embed width="1061" height="597" src="https://www.youtube.com/embed/7k03AAo6YVM" title="How to Choose Longboard Wheels | Tactics" frameborder="0" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></embed>
|
||||
<p><b>How to Choose Longboard Wheels | Tactics</b></p>
|
||||
<br/>
|
||||
<br/>
|
||||
<footer>
|
||||
<br/>
|
||||
<br/>
|
||||
<p>2022, Blondeau Nicolas Groupe 1 - All rights reserved. <a href="../../../../html/siteMap.html"><u>Site Map</u></a></p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 44 KiB |
|
After Width: | Height: | Size: 45 KiB |
|
After Width: | Height: | Size: 78 KiB |
|
After Width: | Height: | Size: 263 KiB |
|
After Width: | Height: | Size: 264 KiB |
|
After Width: | Height: | Size: 201 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -0,0 +1,43 @@
|
||||
Copyright (c) 2011, Andrew Paglinawan (www.andrewpaglinawan.com andrew.paglinawan@gmail.com), with Reserved Font Name "Quicksand".
|
||||
|
||||
This Font Software is licensed under the SIL Open Font License, Version 1.1.
|
||||
This license is copied below, and is also available with a FAQ at: http://scripts.sil.org/OFL
|
||||
|
||||
-----------------------------------------------------------
|
||||
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
|
||||
-----------------------------------------------------------
|
||||
|
||||
PREAMBLE
|
||||
The goals of the Open Font License (OFL) are to stimulate worldwide development of collaborative font projects, to support the font creation efforts of academic and linguistic communities, and to provide a free and open framework in which fonts may be shared and improved in partnership with others.
|
||||
|
||||
The OFL allows the licensed fonts to be used, studied, modified and redistributed freely as long as they are not sold by themselves. The fonts, including any derivative works, can be bundled, embedded, redistributed and/or sold with any software provided that any reserved names are not used by derivative works. The fonts and derivatives, however, cannot be released under any other type of license. The requirement for fonts to remain under this license does not apply to any document created using the fonts or their derivatives.
|
||||
|
||||
DEFINITIONS
|
||||
"Font Software" refers to the set of files released by the Copyright Holder(s) under this license and clearly marked as such. This may include source files, build scripts and documentation.
|
||||
|
||||
"Reserved Font Name" refers to any names specified as such after the copyright statement(s).
|
||||
|
||||
"Original Version" refers to the collection of Font Software components as distributed by the Copyright Holder(s).
|
||||
|
||||
"Modified Version" refers to any derivative made by adding to, deleting, or substituting -- in part or in whole -- any of the components of the Original Version, by changing formats or by porting the Font Software to a new environment.
|
||||
|
||||
"Author" refers to any designer, engineer, programmer, technical writer or other person who contributed to the Font Software.
|
||||
|
||||
PERMISSION & CONDITIONS
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of the Font Software, to use, study, copy, merge, embed, modify, redistribute, and sell modified and unmodified copies of the Font Software, subject to the following conditions:
|
||||
|
||||
1) Neither the Font Software nor any of its individual components, in Original or Modified Versions, may be sold by itself.
|
||||
|
||||
2) Original or Modified Versions of the Font Software may be bundled, redistributed and/or sold with any software, provided that each copy contains the above copyright notice and this license. These can be included either as stand-alone text files, human-readable headers or in the appropriate machine-readable metadata fields within text or binary files as long as those fields can be easily viewed by the user.
|
||||
|
||||
3) No Modified Version of the Font Software may use the Reserved Font Name(s) unless explicit written permission is granted by the corresponding Copyright Holder. This restriction only applies to the primary font name as presented to the users.
|
||||
|
||||
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font Software shall not be used to promote, endorse or advertise any Modified Version, except to acknowledge the contribution(s) of the Copyright Holder(s) and the Author(s) or with their explicit written permission.
|
||||
|
||||
5) The Font Software, modified or unmodified, in part or in whole, must be distributed entirely under this license, and must not be distributed under any other license. The requirement for fonts to remain under this license does not apply to any document created using the Font Software.
|
||||
|
||||
TERMINATION
|
||||
This license becomes null and void if any of the above conditions are not met.
|
||||
|
||||
DISCLAIMER
|
||||
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE.
|
||||
|
After Width: | Height: | Size: 772 KiB |
|
After Width: | Height: | Size: 236 KiB |
|
After Width: | Height: | Size: 253 KiB |
|
After Width: | Height: | Size: 116 KiB |
|
After Width: | Height: | Size: 204 KiB |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 23 KiB |
|
After Width: | Height: | Size: 9.0 KiB |
|
After Width: | Height: | Size: 37 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 612 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 77 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 104 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 42 KiB |
|
After Width: | Height: | Size: 153 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 2.2 MiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 6.9 KiB |
|
After Width: | Height: | Size: 60 KiB |
|
After Width: | Height: | Size: 385 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 9.9 KiB |
|
After Width: | Height: | Size: 2.1 MiB |
|
After Width: | Height: | Size: 1.1 MiB |
|
After Width: | Height: | Size: 266 KiB |
|
After Width: | Height: | Size: 1.1 MiB |
|
After Width: | Height: | Size: 33 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 12 KiB |
@ -0,0 +1,2 @@
|
||||
UPDATE 10/09/2022 - Added articles, and new html files...
|
||||
UPDATE 10/09/2022 - Updated the entire site, added the lastest news about skateboarding, changed the website's icon, and added all links to other websites (Plus I created the html files for more details for each articles) :)
|
||||
Loading…
Reference in new issue