jlengrand/SimpleWebConf.github.io
1
0
Fork 0
mirror of https://github.com/SimpleWebConf/SimpleWebConf.github.io.git synced 2026-03-10 08:51:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4 from SimpleWebConf/alex

Browse Source 
add program talks styles, add thomas
This commit is contained in:
Alex Korzhikov
2021-04-16 13:18:23 +02:00
committed by GitHub
parent 45c53ecd4c a689a0a93a
commit 22a21272e7
3 changed files with 77 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
css/custom.css
View File

@@ -74,4 +74,17 @@ body {
html { html {
overflow-x: hidden !important; overflow-x: hidden !important;
overscroll-behavior-x: revert; overscroll-behavior-x: revert;
}
#fh5co-services .section-heading {
padding-bottom: 10px;
margin-bottom: 10px;
}
.box-testimony blockquote h3 {
margin-bottom: 0;
}
#fh5co-services .box-testimony .author > figure img[alt~="conference"] {
border-radius: 0;
} }

33
css/style5.css
View File

@@ -672,7 +672,7 @@ h1, h2, h3, h4, h5, h6 {
} }
#fh5co-services h3 { #fh5co-services h3 {
font-size: 24px; font-size: 24px;
color: #fff; color: rgba(0, 0, 0, 0.5);
} }
#fh5co-services .icon { #fh5co-services .icon {
font-size: 70px; font-size: 70px;
@@ -785,18 +785,18 @@ h1, h2, h3, h4, h5, h6 {
font-weight: 400; font-weight: 400;
} }
#fh5co-testimonials .box-testimony { #fh5co-services .box-testimony {
margin-bottom: 2em; margin-bottom: 2em;
float: left; float: left;
} }
#fh5co-testimonials .box-testimony a { #fh5co-services .box-testimony a {
color: #fff; color: #fff;
} }
#fh5co-testimonials .box-testimony a:hover, #fh5co-testimonials .box-testimony a:focus, #fh5co-testimonials .box-testimony a:active { #fh5co-services .box-testimony a:hover, #fh5co-services .box-testimony a:focus, #fh5co-services .box-testimony a:active {
color: white; color: white;
text-decoration: none; text-decoration: none;
} }
#fh5co-testimonials .box-testimony blockquote { #fh5co-services .box-testimony blockquote {
padding-left: 0; padding-left: 0;
border-left: none; border-left: none;
padding: 30px; padding: 30px;
@@ -810,7 +810,7 @@ h1, h2, h3, h4, h5, h6 {
-ms-border-radius: 7px; -ms-border-radius: 7px;
border-radius: 7px; border-radius: 7px;
} }
#fh5co-testimonials .box-testimony blockquote:after { #fh5co-services .box-testimony blockquote:after {
content: ""; content: "";
position: absolute; position: absolute;
top: 100%; top: 100%;
@@ -821,42 +821,43 @@ h1, h2, h3, h4, h5, h6 {
border-left: 10px solid transparent; border-left: 10px solid transparent;
border-right: 10px solid transparent; border-right: 10px solid transparent;
} }
#fh5co-testimonials .box-testimony blockquote p { #fh5co-services .box-testimony blockquote p {
font-style: italic; font-style: italic;
color: #fff; color: #fff;
} }
#fh5co-testimonials .box-testimony .author { #fh5co-services .box-testimony .author {
line-height: 20px; line-height: 20px;
color: black; color: black;
font-size: 16px; font-size: 20px;
margin-left: 20px; margin-left: 20px;
font-weight: 400; font-weight: 400;
} }
#fh5co-testimonials .box-testimony .author a { #fh5co-services .box-testimony .author a {
color: #fab4b7; color: #fab4b7;
} }
#fh5co-testimonials .box-testimony .author a:hover { #fh5co-services .box-testimony .author a:hover {
text-decoration: underline; text-decoration: underline;
} }
#fh5co-testimonials .box-testimony .author > figure { #fh5co-services .box-testimony .author > figure {
float: left; float: left;
margin-right: 10px; margin-right: 10px;
} }
#fh5co-testimonials .box-testimony .author > figure img { #fh5co-services .box-testimony .author > figure img {
width: 60px; width: 60px;
-webkit-border-radius: 50%; -webkit-border-radius: 50%;
-moz-border-radius: 50%; -moz-border-radius: 50%;
-ms-border-radius: 50%; -ms-border-radius: 50%;
border-radius: 50%; border-radius: 50%;
} }
#fh5co-testimonials .box-testimony .author p { #fh5co-services .box-testimony .author p {
float: left; float: left;
margin-top: 10px; margin-top: 10px;
} }
#fh5co-testimonials .box-testimony .author .subtext { #fh5co-services .box-testimony .author .subtext {
display: block; display: block;
color: rgba(0, 0, 0, 0.5); color: rgba(0, 0, 0, 0.5);
font-size: 16px; padding-top: 10px;
font-size: 18px;
font-weight: 400 !important; font-weight: 400 !important;
} }

56
index.html
View File

@@ -61,9 +61,9 @@
<ul class="nav navbar-nav navbar-right" <ul class="nav navbar-nav navbar-right"
style="padding-top: .5em;"> style="padding-top: .5em;">
<li><a href="#" data-nav-section="program"><span>Program</span></a></li>
<li><a href="#" data-nav-section="themes"><span>Themes</span></a></li> <li><a href="#" data-nav-section="themes"><span>Themes</span></a></li>
<li><a href="#" data-nav-section="about"><span>Team</span></a></li> <li><a href="#" data-nav-section="program"><span>Program</span></a></li>
<li><a href="#" data-nav-section="about"><span>Team</span></a></li>
<li><a href="#" data-nav-section="cfp"><span>CFP</span></a></li> <li><a href="#" data-nav-section="cfp"><span>CFP</span></a></li>
<li><a href="#" data-nav-section="tickets"><span>Tickets </span></a></li> <li><a href="#" data-nav-section="tickets"><span>Tickets </span></a></li>
<li><a href="coc.html" class="external"><span>CoC </span></a></li> <li><a href="coc.html" class="external"><span>CoC </span></a></li>
@@ -100,7 +100,7 @@
</section> </section>
<section id="fh5co-testimonials" data-section="program"> <section id="fh5co-testimonials" data-section="themes">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-12 section-heading text-left"> <div class="col-md-12 section-heading text-left">
@@ -138,17 +138,58 @@
</div> </div>
</section> </section>
<section id="fh5co-services" data-section="themes"> <section id="fh5co-services" data-section="program">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-12 section-heading text-center"> <div class="col-md-12 section-heading text-center">
<h2 class="to-animate">Program</h2> <h2 class="to-animate">Program</h2>
<div class="row"> <!-- <div class="row">
<div class="col-md-8 col-md-offset-2 subtext to-animate"> <div class="col-md-8 col-md-offset-2 subtext to-animate">
<h3>Stay tuned!</h3> <h3>Stay tuned!</h3>
</div> </div>
</div> -->
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="box-testimony">
<blockquote class="to-animate-2">
<h3>A modern web setup for static sites with a sprinkle of JavaScript</h3>
</blockquote>
<div class="author to-animate">
<figure><img src="https://sessionize.com/image/dc94-200o200o2-WJxBwHYSyNYyBMY7n69Mwk.jpg" alt="Thomas Allmer image"></figure>
<span>
<a href="https://twitter.com/daKmoR">Thomas Allmer</a>, founder of <a href="https://open-wc.org/" target="_blank">open-wc</a> and <a href="https://modern-web.dev/" target="_blank">Modern Web</a>
</span>
<p class="subtext">Developer since the golden ages and strong believer in the web and its standard process</p>
</div>
</div> </div>
</div> </div>
<div class="col-md-4">
<div class="box-testimony">
<blockquote class="to-animate-2">
<h3>Stay tuned!</h3>
</blockquote>
<div class="author to-animate">
<figure><img alt="conference logo" src="images/logo-white.png" alt="Person"></figure>
</div>
</div>
</div>
<!-- <div class="col-md-4">
<div class="box-testimony">
<blockquote class="to-animate-2">
<p>&ldquo;Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. &rdquo;</p>
</blockquote>
<div class="author to-animate">
<figure><img src="images/person3.jpg" alt="Person"></figure>
<p>
Chris Nash, Director <a href="http://freehtml5.co/" target="_blank">FREEHTML5.co</a> <span class="subtext">Creative Director</span>
</p>
</div>
</div>
</div> -->
</div> </div>
</div> </div>
</section> </section>
@@ -256,9 +297,6 @@
</div> </div>
</section> </section>
<section id="fh5co-services">
</section>
<section id="fh5co-about" data-section="tickets"> <section id="fh5co-about" data-section="tickets">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
@@ -278,7 +316,7 @@
<div class="row"> <div class="row">
<div class="col-md-6 col-md-offset-3 text-center"> <div class="col-md-6 col-md-offset-3 text-center">
<p><a href="https://www.eventbrite.com/e/tickets-simplewebconf-144376406719" class="btn btn-primary btn-large big-red-button">Get your free ticket now</a></p> <p><a href="https://www.eventbrite.com/e/simplewebconf-2021-tickets-144376406719?aff=site" class="btn btn-primary btn-large big-red-button">Get your free ticket now</a></p>
</div> </div>
</div> </div>
</section> </section>