Skip to content

Commit

Permalink
Merge pull request #290 from dwyl/community-page
Browse files Browse the repository at this point in the history 
Creates Community page
  • Loading branch information
@iteles
iteles authored Jun 24, 2017
2 parents e87c601 + 4f0ea44 commit 6a10ed6
Show file tree
Hide file tree
Showing 3 changed files with 142 additions and 0 deletions.
138 changes: 138 additions & 0 deletions redesign/community.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,138 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="dwyl is a worldwide community of people using technology to solve real problems.">
<meta name="author" content="@dwyl">
<meta name="keywords" content="do, what, you, love, dwyl, mvp, time, tracking, help, developers, code, frontend, backend, tooling, tools">
<meta name="robots" content="index, follow, noarchive">
<meta name="base" content="https://www.dwyl.com">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link rel="stylesheet" href="https://unpkg.com/tachyons@4.7.0/css/tachyons.min.css"/>
<link rel="stylesheet" href="css/dwyl.css">
<link rel="shortcut icon" href="/img/favicon.ico">
<title>dwyl</title>
</head>
<body>
<nav class="w-100 dwyl-bg-dark-gray tc white relative fixed">
<input type="checkbox" id="burger" class="absolute top-2 right-1 dn">
<label for="burger" class="dn-ns pointer absolute top-1 right-1">
<i class="fa fa-bars white dib f2"></i>
</label>
<ul class="overflow-hidden menu db-ns w-100 list tc pl0 pt3 mv0 f3 fw3 f5-ns">
<li class="absolute top-1 static-ns ph4 mh2 fw3 di-ns pt1 pb3 pv3-ns">
<a href="/" class="white link">
<img src="./img/common/dwyl-heart-only-logo.png" alt="dwyl logo" class="w1-plus"/>
dwyl
</a>
</li>
<li class="ph5 pt5 pb2 tl dn-ns"><a href="/" class="white link">Home</a></li>
<li class="ph5 di-ns pv2 tl pv0-ns"><a href="/portfolio" class="white link">Portfolio</a></li>
<li class="ph5 di-ns pv2 tl pv0-ns"><a href="/values" class="white link">Values</a></li>
<li class="ph5 di-ns pv2 tl pv0-ns"><a href="/team" class="white link">Team</a></li>
<li class="ph5 di-ns pv2 tl pv0-ns"><a href="/app" class="white link">App
<span class="dwyl-bg-gold pa1 br2 f7">BETA</span></a></li>
<li class="ph5 di-ns pv2 tl pv0-ns"><a href="/blog" class="dwyl-mint link">Blog</a></li>
<li class="ph5 di-ns pt2 pb3 tl pv0-ns"><a href="/#contact" class="white link">Contact</a></li>
</ul>
</nav>

<section class="pt5 pt4-ns">
<img src="./img/common/community-cover.png" alt="dwyl community members github profile collage" class="w-100"/>
</section>

<section class="pt2 pt3-ns pb3 pb3-ns ph6-ns center tc">
<h1 class="dwyl-dark-gray f1-ns f2 fw9 tc mt4 mt3-ns mb0">Our Community</h1>
<h2 class="dwyl-light-gray w-90 w-50-ns center lh-copy mt4 mt2-ns f4">dwyl is a worldwide community of over 350 creative technologists that continues to grow.</h2>
<p class="dwyl-dark-gray w-80 w-40-ns center tc tl-ns fw9 lh-copy f6-ns">
We have people contributing remotely to our open-source projects from
Angola, Argentina, Australia, Bali, Belgium, Brazil, Canada, China,
Colombia, Estonia, Kenya, New Zealand, The Netherlands, Portugal, South
Africa and the USA.
</p>
<div class="mv4">
<a href="#" class="dib link mv2 pa3 dwyl-bg-dark-gray white br2 f4 shadow-4">
<i class="fa fa-github f3-plus pr2" aria-hidden="true"></i>
Join Us
</a>
</div>
<p class="dwyl-dark-gray w-80 w-40-ns center tc tl-ns lh-copy mb4 mb5-ns f6-ns">
Our development services are led by our <a href="#" class="dwyl-mint b">core team</a>
based in London, UK. This is a troupe of 20 talented individuals with
diverse backgrounds and a range of experiences and technical expertise.
</p>
</section>

<section class="dwyl-bg-mint center pt4-ns pb5-ns">
<div class="dib-ns w-50-ns dtc v-top">
<div class="w-80 w-60-ns white center tr">
<h1 class="mt0-ns mb3 pl4-ns f-xl fw9">Let's</h1>
<h1 class="pl4-ns mt3 f-xl fw9">Talk</h1>
</div>
<div class="w-80-ns w-90 ml3">
<a href="tel:+447708796446" class="link"><h2 class="tr white"><span class="dwyl-dark-gray fw9">Tel: </span>+44 (0) 7708 796446</h2></a>
<a href="mailto:hello@dwyl.io" class="link"><h2 class="tr white"><span class="dwyl-dark-gray fw9">Email:</span> hello@dwyl.io</h2><a/>
<h2 class="tr white"><span class="dwyl-dark-gray lh-copy fw9">Address:</span> 16 Palmers Road,<br>London, E2 0SY, UK</h2>
<p class="tr dwyl-dark-gray">(We'll get back to you within 24 hours)</p>
</div>
</div>

<div class="dib-ns bg-white pt4 pa2 shadow-4 ml5-ns w-40-ns">

<form id="gform" method="POST" class="tc tl-ns" action="https://script.google.com/macros/s/AKfycby5ZdD8HfCaz1tMVLw26qYQKEXkP8qdfwLek3TH_RYH3l1o1-Li/exec">
<!-- change the form action to your script url -->

<fieldset class="bn">
<label for="name" class="db mb2 tl pl3 pl0-ns">Your Name</label>
<input id="name" name="name" class="br2 ba dwyl-b--dark-gray pa2 w-90 border-box" placeholder="Tim Berners-Lee" />
</fieldset>

<fieldset class="bn">
<label for="email" class="db mb2 tl pl3 pl0-ns">Email Address</label>
<input id="email" name="email" class="br2 ba dwyl-b--dark-gray pa2 w-90 border-box" type="email" value="" required placeholder="tim@cern.com" />
</fieldset>

<fieldset class="bn">
<label for="message" class="db mb2 tl pl3 pl0-ns">Message</label>
<textarea id="message" name="message" class="br2 ba w-90 dwyl-b--dark-gray pa2" rows="10" placeholder="What problem can we solve for you?"></textarea>
</fieldset>

<button class="bn dib link mt2 mb3 ph3 pv3 dwyl-bg-orange white br2 f4 shadow-4 pointer montserrat">
<i class="fa fa-paper-plane"></i>&nbsp; Say Hello</button>
</form>

<div style="display:none;" id="thankyou_message">
<h2>
<em>Thanks</em> for contacting us! We will get back to you soon!</h2>
</div>

<!-- Submit the Form to Google Using "AJAX" -->
<script data-cfasync="false" type="text/javascript" src="https://cdn.rawgit.com/dwyl/html-form-send-email-via-google-script-without-server/master/form-submission-handler.js"></script>
<!-- END -->
</div>
</section>
<footer class="dwyl-bg-dark-gray white pt1 pt3-ns pb4 tc center">
<div class="bb b--white w-90-ns w-80 center">
<ul class="list tc pl0 pt3 pb3-ns mv0 f3 f5-ns ">
<li class="ph4 mh2 fw3 f6 di-ns pv2 pv0-ns"><a href="/" class="white link">Home</a></li>
<li class="ph4 mh2 fw3 f6 di-ns pv2 pv0-ns"><a href="/portfolio" class="white link">Portfolio</a></li>
<li class="ph4 mh2 fw3 f6 di-ns pv2 pv0-ns"><a href="/careers" class="white link">Careers</a></li>
<li class="ph4 mh2 fw3 f6 di-ns pv2 pv0-ns"><a href="/community" class="white link">Community</a></li>
<li class="ph4 mh2 fw3 f6 di-ns pv2 pv0-ns"><a href="/blog" class="dwyl-mint link">Blog</a></li>
</ul>
<a href="https://twitter.com/dwyl" class="link">
<i class="fa fa-twitter ph2 ph4-ns pb4 dwyl-light-gray f2" aria-hidden="true"></i>
</a>
<a href="https://github.com/dwyl" class="link">
<i class="fa fa-github ph2 ph4-ns pb4 dwyl-light-gray f2" aria-hidden="true"></i>
</a>
</div>
<p class="w-80 w-90-ns center f7 pt2-ns">
Copyright 2017 &copy; dwyl ltd, company number 09525434 registered in England &amp; Wales at 104 Mary Datchelor Close, London SE5 7DY, United Kingdom. All rights reserved.
</p>
<img src="./img/common/dwyl-grey-heart.png" alt="dwyl logo" class="pv4">
</footer>
</body>
</html>
4 changes: 4 additions & 0 deletions redesign/css/dwyl.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -78,6 +78,10 @@ body {
}
}

.f3-plus {
font-size: 1.7rem;
}

.f-xl {
font-size: 4rem;
}
Expand Down
Binary file added redesign/img/common/community-cover.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.

0 comments on commit 6a10ed6

Please sign in to comment.