Skip to content

Commit

Permalink
Merged with About section by Sandra
Browse files Browse the repository at this point in the history
  • Loading branch information
Acho Arnold committed Nov 19, 2015
1 parent 8af358d commit e144102
Show file tree
Hide file tree
Showing 16 changed files with 838 additions and 171 deletions.
23 changes: 23 additions & 0 deletions css/about.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
#about{


}

h3{
color:#f2f2f2;
text-align: center;
font-family: DIN;
}

h5{
font-family: 'Lato', sans-serif;
color: #f2f2f2;
}

p{
text-align: center;
}
span{
color: #D3D3D3;
text-align: center;
}
Binary file added img/about-section/GDG.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/about-section/WTM.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/organizers/WTM.PNG
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/organizers/acha bill.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/organizers/conrad.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/organizers/larry.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/organizers/nyah.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/organizers/tekang.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/organizers/yohel.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/people/CHICK.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/people/Candle.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/people/faith.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/people/ottoakama.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
266 changes: 95 additions & 171 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -89,7 +89,46 @@
.font-italic{
font-style: italic;
}


.overlay.solid-overlay {
background: #f3f3f3;
}

.rockstar-speakers-item .name a{
color: #C43B3B;
font-size: 22px;
}
.rockstar-speakers-item .sub {
color: #14575E;
font-size: 18px;
font-weight: 500;
}

.waves-button,
.waves-button:hover,
.waves-button:visited,
.waves-button:link,
.waves-button-input{
border-radius: 15px;
color: #F2F2F2;
font-size: 18px;
background: #14575E;
font-weight: 500;
}

.more-organizers{
margin-top: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 300;
color: #601E1E;
}
/* End of Arnold's styles */
</style>
</head>
Expand All @@ -115,11 +154,11 @@
<ul>

<li>
<a class="current" href="/">Home</a>
<a class="current" href="./">Home</a>
</li>

<li>
<a class="" href="./about/">About</a>
<a class="" href="#about">About</a>
</li>

<li>
Expand All @@ -131,7 +170,7 @@
</li>

<li>
<a class="" href="./partners/">Partners</a>
<a class="" href="#partners">Partners</a>
</li>

</ul>
Expand Down Expand Up @@ -167,151 +206,63 @@ <h1><span id="typeout-text" class="hidden-xs"></span><span class="typeout-fallba
<section id="about" class="about">
<div class="content-wrapper">
<div class="col-lg-10 col-lg-offset-1">
<h3>About GDG DevFest</h3>
<div class="row about-details">
<h3>About GDG Buea </h3>

<div class="row about-details">

<div class="col-md-6 col-xs-6">
<div class="animated hiding" data-animation="fadeInDown" data-delay="0">
<h5>Conference</h5>
<img class="img-circle" src="./img/about-section/conference.jpg" height="128" width="128" alt="Conference">
<p>The biggest Google related event in the country carefully crafted for you by GDG community! Awesome speakers and lot's of fun!</p>
</div>
</div>
<h5>GDG Buea</h5>
<img class="img-rounded" src="./img/about-section/GDG.jpg" height="128" width="128" alt="Conference">


<p>The Google Developer Group Buea (GDG Buea) is a techosystem of electronic enthusiasts
and technically-minded hobbyists which grooms hackers, entrepreneurs and researchers
by creating an anti-authoritarian culture where Google's technologies are employed to solve the technical problems.</p>
</div>
</div>
<div class="col-md-6 col-xs-6">
<div class="animated hiding" data-animation="fadeInDown" data-delay="500">
<h5>Code Labs</h5>
<img class="img-circle" src="./img/about-section/workshop.jpg" height="128" width="128" alt="Code Labs">
<p>A full day of workshops, hands-on experience, hacking and debugging. Come and tame your favourite technology!</p>
<h5>
WTM Buea
</h5>
<img class="img-rounded " src="./img/about-section/WTM.jpg" height="128" width="128" alt="Code Labs">
<p>
Women Techmaker Buea (WTM Buea) creates a diverse community in which women can connect,
be inspired, and encourage each other to realize their passions.
They are continually contributing to open source and empowering women around the Buea area.
</p>

</div>
</div>


<div class="clearfix visible-xs"></div>

</div>
</div>
</div>
</section>
<!-- End About Section -->


<!-- Begin Rockstar Speakers Section -->
<section id="rockstar-speakers" class="rockstar-speakers image-section parallax" style="background-image: url(./img/sections-background/rockstar-speakers.jpg);">
<div class="overlay solid-overlay"></div>
<div class="content-wrapper">
<div class="col-lg-10 col-lg-offset-1 rockstar-speakers-list">
<h3 id="rockstar-speaker-title">Rockstar speakers</h3>
<div class="clearfix"></div>
<span class="bordered">
<a href="./speakers/" class="bottom-section-link waves-effect waves-button waves-light">See all speakers</a>
</span>
</div>
</div>
</section>
<!-- End Rockstar Speakers Section -->
<br><br><br><br>
<h3 id="rockstar-speaker-title">Key Organizers </h3>
<div class="clearfix">

<!-- Begin Location Section -->
<section id="location-map" class="location-map">
<div id="canvas-map" class="canvas-map"></div>
<div class="content-wrapper">
<div class="col-lg-3 col-md-4 col-sm-6 col-md-offset-1 animated hiding location-description text-left" data-animation="fadeInLeft" data-delay="0">
<div class="row">
<div class="pull-left">
<h3>Location</h3>
<ul>
<li>Google Campus - Building CL2</li>
<li>1200 Crittenden Lane, Mountain View</li>
<li><a href="mailto:[email protected]">[email protected]</a></li>
<li>

<time>9:00</time> -

<time>20:00</time>
</li>
</ul>
</div>
<a href="./logistics/#find-way" class="pull-right">
<svg class="icon icon-direction" viewBox="0 0 32 32">
<use xlink:href="./img/sprites/sprites.svg#icon-direction"></use>
</svg>
</a>
</div>
</div>
</div>
</section>
<!-- End Location Section -->

<!-- Venue Section -->
<section id="venue">
<div class="content-wrapper">
<div class="col-lg-10 col-lg-offset-1">
<h3>Venue</h3>
<div class="row venue-row">
<div class="col-md-8 col-sm-8 venue-col">
<div class="venue-elem-wrapper">
<div class="venue-elem image-section venue-big-elem venue-img animated hiding" data-animation="fadeIn" data-delay="0" style="background-image: url(./img/venue/googleplex-street-view.jpg)"></div>
</div>
</div>
<div class="col-md-4 col-sm-4 venue-col venue-small-col">
<div class="venue-elem-wrapper col-md-12 col-sm-12 col-xs-6">
<div class="venue-elem image-section venue-small-elem venue-img animated hiding" data-animation="fadeIn" data-delay="150" style="background-image: url(./img/venue/google-lobby.jpg)"></div>
</div>
<div class="venue-elem-wrapper col-md-12 col-sm-12 col-xs-6">
<div class="venue-elem venue-small-elem venue-text animated hiding" data-animation="fadeIn" data-delay="0">
<h5>Googleplex</h5>

</div>
</div>
<div class="venue-elem-wrapper col-md-12 col-sm-12 col-xs-6">
<div class="venue-elem image-section venue-small-elem venue-img animated hiding" data-animation="fadeIn" data-delay="0" style="background-image: url(./img/venue/GooglePlex-2.jpg)"></div>
</div>
<div class="venue-elem-wrapper col-xs-6 visible-xs">
<div class="venue-elem image-section venue-small-elem venue-img animated hiding" data-animation="fadeIn" data-delay="0" style="background-image: url(./img/venue/googleplex-solar-panels.jpg)"></div>
</div>
</div>
<br>
<div class="text-center more-organizers">
<a href="./organizers/" class="waves-effect waves-float more-organizers waves-button waves-light">
More Organizers
</a>
</div>
</div>
</div>
</section>
<!-- End Venue Section -->


<!-- Begin Twitter Feed Section -->
<section id="twitter-feed" class="twitter-feed image-section parallax" style="background-image: url(./img/sections-background/googleplex-solar-panels.jpg);">
<div class="overlay solid-overlay"></div>
<div class="content-wrapper">
<div class="col-md-8 col-md-offset-2">
<svg class="icon" viewBox="0 0 30 32">
<use xlink:href="./img/sprites/sprites.svg#icon-twitter"></use>
</svg>
<h3>What's Up? <a href="https://twitter.com/search?q=%23devfest" target="_blank">#devfest</a>
</h3>
<div id="tweets" class="tweets"></div>
</div>
</div>
</section>
<!-- End Twitter Feed Section -->

<!-- End About Section -->

<!-- Begin Sponsors Section -->
<section id="partners" class="partners">
<div class="content-wrapper">
<div class="col-lg-10 col-lg-offset-1">
<h3>Organizers</h3>

<h5>Organizer</h5>
<ul class="list-inline">

<li >
<a href="https://plus.google.com/u/0/107299704799906781285" target="_blank">
<img src="./img/organizers/gdg-sv.jpeg" title="GDG Silicon Valley - Open and volunteer geek community" alt="GDG Silicon Valley">
</a>
</li>

</ul>

<h3>Partners</h3>

Expand Down Expand Up @@ -524,87 +475,60 @@ <h5>RESOURCES</h5>
</script>
<script src="./js/default.js"></script>

<script>
if ($(window).width() > 767) {
document.write('<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"><\/script>')
}
</script>

<script>
<script>
Waves.displayEffect();

if ($(window).width() > 767) {
var googleMaps = 'index',
eventPlace = new google.maps.LatLng(37.426089,-122.072344),
centerMap = new google.maps.LatLng(37.426089,-122.072344),
mobileCenterMap = new google.maps.LatLng(37.426089,-122.072344),
icon = './img/others/map-marker.png';
} else {
var staticGoogleMaps = true,
eventPlaceCoordinates = '37.426089,-122.072344',
centerMapCoordinates = '37.426089,-122.072344',
mobileCenterMapCoordinates = '37.426089,-122.072344'
icon = './img/others/map-marker.png';
}


//var twitterFeedUrl = 'https://twitter.com/gdgsv';

$(document).ready(function () {
$(function () {
if ($(window).width() > 767) {
$("#typeout-text").typed({
strings: ["A Community", " That Codes"],
strings: ["A Community", "That Codes"],
typeSpeed: 150,
backDelay: 900,
loop: true
});
}
});
var rockstarSpeakers = [


{name: "Rob Dodson", company: "", image: "./img/people/RobDodson.jpg"},



{name: "Matias Molinas", company: "", image: "./img/people/MatiasMolinas.png"},




var organizers= [

{name: "<a href='https://plus.google.com/+MparaFaith/about'>Mpara Faith</a>", post: "Women Techmakers Lead", image: "./img/people/faith.jpg"},

{name: "<a href='https://plus.google.com/110533699479797828285/about'>Otto Akama</a>", post: "Product Development Manager", image: "./img/people/ottoakama.jpg"},

{name: "<a href='https://plus.google.com/102425594519879388722/about'>Delveri Chick</a>", post: "Community Manager", image: "./img/people/CHICK.jpg"},


{name: "John Feig", company: "", image: "./img/people/JohnFeig.png"},



{name: "Doris Chen", company: "Microsoft", image: "./img/people/Doris_pro.jpg"},



{name: "Edith Yeung", company: "Dolphin Browser", image: "./img/people/edith.jpg"}
{name: "<a href='https://plus.google.com/108196826772057594196/about'>Isaac Kamga </a>" ,post: "GDG Mentor for Cameroon", image: "./img/people/Candle.jpg" }


];
rockstarSpeakers.sort(function() {return 0.5 - Math.random()});
if(rockstarSpeakers.length > 0) {

if(organizers.length > 0) {
var animationDelay = 1500,
count = 4,
colWidth = 12/count;
count = 4,
colWidth = 12/count;
for(i=0; i<count; i++) {
var clearfix = '<div class="clearfix visible-xs"></div>';
if ((i)%2 != 0) {
clearfix = ""
}
$('#rockstar-speaker-title').after('<div class="col-md-'+ colWidth +' col-xs-6 rockstar-speakers-item animated hiding" data-animation="fadeInUp" data-delay="' + animationDelay +'"><div class="rockstar-speaker"><div class="flow-img img-circle rockstar-speaker-img" style="background-image: url(' + rockstarSpeakers[i].image + ')"></div><div class="name">' + rockstarSpeakers[i].name + '</div><div class="sub">' + rockstarSpeakers[i].company + '</div></div></div>' + clearfix);
$('#rockstar-speaker-title').after('<div class="col-md-'+ colWidth +' col-xs-6 rockstar-speakers-item animated hiding" data-animation="fadeInUp" data-delay="' + animationDelay +'">' +
'<div class="rockstar-speaker">' +
'<div class="flow-img img-circle rockstar-speaker-img" style="background-image: url(' + organizers[i].image + ')">' +
'</div>' +
'<div class="name">' + organizers[i].name +
'</div>' +
'<div class="sub">' + organizers[i].post +
'</div>' +
'</div>' +
'</div>' + clearfix);

animationDelay -= 500;
}
}
});

</script>
<script src="./js/scripts.js"></script>

Expand Down
Loading

0 comments on commit e144102

Please sign in to comment.