Skip to content

Fixed mobile menu to top of screen #8

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
craigsteel wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Fixed mobile menu to top of screen #8

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
2aca25e
Fixed mobile menu to top of screen
Jan 25, 2021
27227c3
Changes to mobile menu pure css
Mar 8, 2021
1bea758
Take out mobile Menu in footer
Mar 14, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
549 changes: 278 additions & 271 deletions src/afterdark.html
View file
Open in desktop

Large diffs are not rendered by default.

144 changes: 56 additions & 88 deletions src/careers.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,24 +9,24 @@
<meta name="description" content="Careers with Evolved Binary">

<link href="https://fonts.googleapis.com/css?family=Arvo:300,400,700|Lato:300,400,700,900|Montserrat:300,400,500,700&display=swap&subset=latin-ext" rel="stylesheet"type='text/css'>
<link rel="stylesheet" href="dist/styles.css">
<link rel="stylesheet" href="styles.css">
<!-- favicon-->
<link rel="apple-touch-icon" sizes="57x57" href="dist/images/eb-favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="dist/images/eb-favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="dist/images/eb-favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="dist/images/eb-favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="dist/images/eb-favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="dist/images/eb-favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="dist/images/eb-favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="dist/images/eb-favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="dist/images/eb-favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="dist/images/eb-favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="dist/images/eb-favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="dist/images/eb-favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="dist/images/eb-favicon/favicon-16x16.png">
<link rel="manifest" href="dist/images/eb-favicon/manifest.json">
<link rel="apple-touch-icon" sizes="57x57" href="images/eb-favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="images/eb-favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/eb-favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/eb-favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/eb-favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/eb-favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/eb-favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/eb-favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/eb-favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="images/eb-favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/eb-favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="images/eb-favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/eb-favicon/favicon-16x16.png">
<link rel="manifest" href="images/eb-favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="dist/images/eb-favicon/ms-icon-144x144.png">
<meta name="msapplication-TileImage" content="images/eb-favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">

<!-- favicon-end-->
Expand All @@ -36,45 +36,30 @@

<div class="banner">
<header class="header">
<!-- mobile-menu-->
<div class="Navbar">

<div class="Navbar__Link Navbar__Link-toggle">
<div class="Navbar__burger">
<div class="Navbar__burger__middle"></div>
<!-- mobile-menu-->
<div class="mobile-menu">
<input type="checkbox" id="overlay-input" />
<label for="overlay-input" id="overlay-button"><span></span></label>
<div id="overlay">
<ul>
<li><a href="index.html" alt="link to Evolved Binary Home page">Home</a></li>
<li><a href="https://fusiondb.com" alt="link to fusionDB">FusionDB</a></li>
<li><a href="afterdark.html" alt="link to Afterdark page">Afterdark</a></li>
<li><a href="publications.html" alt="link to Publications page">Publications</a></li>
<li><a href="careers.html" alt="link to Careers page">Careers</a></li>
<li><a href="contact.html" alt="link to Contact page">Contact</a></li>
<li><a href="https://twitter.com/fdbnosql"><img src="images/icons/ev-twitter-icon.svg"
alt="link to FusionDB on Twitter" class="social-footer"></a>
<a href="https://github.com/evolvedbinary"><img src="images/icons/ev-github-icon.svg"
alt="link to EvolvedBinary's Github" class="social-footer social-footer--github"></a>
<a href="mailto:hello@evolvedbinary.com"><img src="images/icons/ev-email-icon.svg" alt="link to email"
class="social-footer social-footer--mail"></a>
</li>
</ul>
</div>
</div>
<nav class="Navbar__Items">
<div class="Navbar__Link">
<a href="index.html">Home</a>
</div>
<div class="Navbar__Link">
<a href="index.html#about">About</a>
</div>
<div class="Navbar__Link">
<a href="index.html#services">Services</a>
</div>
<div class="Navbar__Link">
<a href="https://fusiondb.com">FusionDB</a>
</div>
<div class="Navbar__Link">
<a href="afterdark.html">After Dark</a>
</div>
<div class="Navbar__Link">
<a href="publications.html">Publications</a>
</div>
<div class="Navbar__Link">
<a href="index.html#exist-db-support">eXist-db</a>
</div>
<div class="Navbar__Link">
<a href="careers.html">Careers</a>
</div>
<div class="Navbar__Link">
<a href="contact.html">Contact</a>
</div>
</nav>
</div>
<!-- mobile-menu-end-->
<!-- mobile-menu-end-->

<div class="top-icons">
<div class="top-icons__icons">
Expand All @@ -94,14 +79,13 @@

</header><!-- header-->

<a href="index.html"><img class="banner__evlogo-small" src="dist/images/icons/ev-logo.svg"
<a href="index.html"><img class="banner__evlogo-small" src="images/icons/ev-logo.svg"
alt="link to Evolved Binary Home page"></a>
<h1 class="banner__intro">CAREERS
</h1><!-- banner__intro-->

<div class="container">
<div class="menu">
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="index.html#about">About</a></li>
Expand All @@ -113,7 +97,6 @@ <h1 class="banner__intro">CAREERS
<li><a href="careers.html">Careers</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div><!-- menu-->
</div><!-- container-->

Expand All @@ -124,7 +107,7 @@ <h1 class="banner__intro">CAREERS

<div class="main__contentpage">

<h3><img src="dist/images/icons/shape-icon.svg" class="shape" alt="Shape">Careers</h3>
<h3><img src="images/icons/shape-icon.svg" class="shape" alt="Shape">Careers</h3>
<p>
If you want to challenge yourself with interesting and difficult technical problems,
whilst enjoying the freedom and decision making opportunities offered by contributing to the growth
Expand All @@ -138,22 +121,22 @@ <h3><img src="dist/images/icons/shape-icon.svg" class="shape" alt="Shape">Career
We are a company with a position where you can make a significant impact.</p>
</p>

<p><img src="dist/images/icons/shape-icon.svg" class="shape-small" alt="Shape Small">
<p><img src="images/icons/shape-icon.svg" class="shape-small" alt="Shape Small">
<b>Senior Engineer ~ Java/C++</b><br/>
As one of the earliest team members you will need to be both an outstanding software engineer, and a highly motivated individual
who is capable of assuming responsibility and setting direction.</p>
<p>
The Job Specification is available in PDF format: <a href="https://www.evolvedbinary.com/jobs/eb.j1-senior-engineer.pdf">EB.J1 Senior Engineer (PDF)</a>
</p>
<p><img src="dist/images/icons/shape-icon.svg" class="shape-small" alt="Shape Small">
<p><img src="images/icons/shape-icon.svg" class="shape-small" alt="Shape Small">
<b>Engineer ~ TypeScript</b><br/>
We are looking for TypeScript Engineers to work primarily on <a href="https://github.com/evolvedbinary/fusion-studio">Fusion Studio</a> which
is our Open Source IDE and Management tool for FusionDB. Secondly, our product documentation is written and edited using an in-house tool which
is also developed in TypeScript and would benefit from some expert TLC (Tender Loving Care)!</p>
<p>
The Job Specification is available in PDF format: <a href="https://www.evolvedbinary.com/jobs/eb.j3-engineer.pdf">EB.J3 Engineer (PDF)</a>
</p>
<p><img src="dist/images/icons/shape-icon.svg" class="shape-small" alt="Shape Small">
<p><img src="images/icons/shape-icon.svg" class="shape-small" alt="Shape Small">
<b>Trainee Engineer</b><br/>
We are looking for undergraduate level students who are considering a career in Software Engineering. You need not have
any formal qualifications in Computing, but experience is a bonus! We offer a position that includes formal education
Expand Down Expand Up @@ -186,52 +169,37 @@ <h3><img src="dist/images/icons/shape-icon.svg" class="shape" alt="Shape">Career

<div class="footer">
<div class="footer__evolve--logo">
<a href="index.html"><img class="footer__logo" src="dist/images/icons/ev-logo-white.svg" alt="Link to Evolved Binary Home page"></a>
<a href="index.html"><img class="footer__logo" src="images/icons/ev-logo-white.svg"
alt="Link to Evolved Binary Home page"></a>
</div><!-- .footer__fusion--logo -->

<!-- <div class="container"> -->
<div class="footer-menu">
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="index.html#about">About</a></li>
<li><a href="index.html#services">Services</a></li>
<li><a href="https://fusiondb.com">FusionDB</a></li>
<li><a href="afterdark.html">After Dark</a></li>
<li><a href="publications.html">Publications</a></li>
<li><a href="index.html#exist-db-support">eXist-db</a></li>
<li><a href="careers.html">Careers</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div><!-- menu-->

<div class="footer__fusion--logo">
<a href="https://fusiondb.com/"><img class="fusion-logo" src="dist/images/icons/FusionDB-Logo-white.svg" alt="Link to FusionDB Website"></a>
</div><!-- .footer__evolve--logo -->
<a href="https://fusiondb.com/"><img class="fusion-logo" src="images/icons/FusionDB-Logo-white.svg"
alt="Link to FusionDB Website"></a>
</div><!-- .footer__evolve--logo -->

<div class="footer__icons">
<a href="https://twitter.com/fdbnosql"><img class="social-footer" src="dist/images/icons/ev-twitter-icon.svg" alt="link to FusionDB on Twitter"></a>
<a href="https://github.com/evolvedbinary"><img class="social-footer" src="dist/images/icons/ev-github-icon.svg" alt="link to EvolvedBinary's Github"></a>
<a href="mailto:hello@evolvedbinary.com"><img class="social-footer" src="dist/images/icons/ev-email-icon.svg" alt="link to email"></a>

<div class="footer__icons--block">
<a href="https://twitter.com/fdbnosql"><img src="images/icons/ev-twitter-icon.svg"
alt="link to FusionDB on Twitter" class="social-footer social-footer--twitter"></a>
<a href="https://github.com/evolvedbinary"><img src="images/icons/ev-github-icon.svg"
alt="link to EvolvedBinary's Github" class="social-footer"></a>
<a href="mailto:hello@evolvedbinary.com"><img src="images/icons/ev-email-icon.svg" alt="link to email"
class="social-footer"></a>
</div>
<span class="footer__icons--head">FOLLOW US | CONTACT</span>
</div><!-- .footer__icons -->

<div class="footer__bottom">
<div class="footer__copyright">
&#xA9; COPYRIGHT 2019 &#x2022; EVOLVED BINARY &#x2022; ALL RIGHTS RESERVED.
<br/>
<br />
<div class="footer__craig">
Design - <a href="https://craigsteel-design.com/">craig steel design</a>
</div>
</div>
</div><!-- .footer__bottom -->

</div><!-- .footer -->

<script src="dist/scripts.min.js"></script>
<!-- <script src="http://localhost:35729/livereload.js"></script> -->

</body>
</html>
Loading