GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects โ†’ mblode โ†’ Burger

mblode / Burger

Licence: mit
Burger - The minimal hamburger menu with fullscreen navigation.

Labels

cssjekyllbowergh-pages

Projects that are alternatives of or similar to Burger

jekyll-deploy-action
๐Ÿช‚ A Github Action to deploy the Jekyll site conveniently for GitHub Pages.
Stars: โœญ 162 (-80.71%)
Mutual labels:  jekyll, gh-pages
Jalpc
๐ŸŽJalpc -- A flexible Jekyll theme, 3 steps to build your website.
Stars: โœญ 859 (+2.26%)
Mutual labels:  jekyll, gh-pages
Marx
The classless CSS reset (perfect for Communists).
Stars: โœญ 1,522 (+81.19%)
Mutual labels:  gh-pages, bower
Cv
A resume template written in Markdown,Yaml JSON auto generates github-pages website & PDF by Jekyll. ๅœจ็บฟ็ฎ€ๅŽ†็”Ÿๆˆๆจกๆฟ(่ถ…้ซ˜ๅ…ผๅฎนๅฏๅฏผPDF)
Stars: โœญ 61 (-92.74%)
Mutual labels:  jekyll, gh-pages
Generator Jekyll Starter Kit
๐Ÿš€ Jekyll Progressive Web App Generator.
Stars: โœญ 139 (-83.45%)
Mutual labels:  jekyll, gh-pages
Znlbwo.github.io
Stars: โœญ 65 (-92.26%)
Mutual labels:  jekyll, gh-pages
Derrick
๐Ÿ™Œ Derrick is a clean minimal and fast theme for a personal blog.
Stars: โœญ 51 (-93.93%)
Mutual labels:  jekyll, gh-pages
horcrux
Generate you own online gallery easily. Photo is the horcrux of memory.
Stars: โœญ 34 (-95.95%)
Mutual labels:  jekyll, gh-pages
Jekyll Klise
๐Ÿ– Klisรฉ is a minimalist Jekyll theme for running a personal site or blog, light & dark mode support. (https://klise.now.sh)
Stars: โœญ 312 (-62.86%)
Mutual labels:  jekyll, gh-pages
Jekyll Docker
โ›ด Docker images, and CI builders for Jekyll.
Stars: โœญ 804 (-4.29%)
Mutual labels:  jekyll
Migreyes
The personal site of Mig Reyes, Design Director at Sprout Social.
Stars: โœญ 23 (-97.26%)
Mutual labels:  jekyll
Jekyll Theme Skinny Bones
A Jekyll starter with a variety of flexible layouts and components.
Stars: โœญ 782 (-6.9%)
Mutual labels:  jekyll
Leonids
A simple, fixed sidebar two columns Gatsby.js blog starter.
Stars: โœญ 813 (-3.21%)
Mutual labels:  jekyll
Thenewdynamic.org
Resources for Designers and Developers using the JAMstack
Stars: โœญ 24 (-97.14%)
Mutual labels:  jekyll
Mediumish Theme Jekyll
Jekyll Template - Mediumish
Stars: โœญ 786 (-6.43%)
Mutual labels:  jekyll
Brucezhaor.github.io
๐Ÿšง Bruce Zhao's Tech Blog -- Under Reconstructing ...
Stars: โœญ 25 (-97.02%)
Mutual labels:  jekyll
Jekyll Theme Chirpy
A minimal, sidebar, responsive web design Jekyll theme that focuses on text presentation.
Stars: โœญ 773 (-7.98%)
Mutual labels:  jekyll
Jekyll Auth
A simple way to use GitHub OAuth to serve a protected Jekyll site to your GitHub organization
Stars: โœญ 778 (-7.38%)
Mutual labels:  jekyll
Izhengfan.github.io
My homepage and blog.
Stars: โœญ 26 (-96.9%)
Mutual labels:  jekyll
Website
The code that powers the Egee.io website.
Stars: โœญ 25 (-97.02%)
Mutual labels:  jekyll
View All Similar Projects โž”

Burger

Burger is a minimal hamburger menu with fullscreen navigation. It is created by mblode.

This project officially requires zero external bower dependencies. Woo-hoo!

Burger in action

Burger Gif

Demo on Codepen

Screenshots

Burger: Closed

Burger: Opened

Quick Start

Several quick start options are available:

if you have cloned the repo or downloaded from .zip, there are a few steps you must take within the terminal.

  1. Change directory: cd burger.
  2. Install node modules: npm install.
  3. Install scss-lint Ruby gem: gem install scss-lint.
  4. To run gulp server: gulp.
  5. To run build process: gulp build.

Running Github Pages

The gh-pages branch is built using Jekyll and must therefore be install with gem install jekyll.

  1. Checkout in to gh-pages: git checkout gh-pages.
  2. Install burger dependency: bower install.
  3. Run jekyll: jekyll serve.
  4. Open in browser: localhost:4000/burger/.

What's Included

These are the files that are generated from bower install burger

.
โ”œโ”€โ”€ README.md
โ”œโ”€โ”€ bower.json
โ””โ”€โ”€ dist
    โ”œโ”€โ”€ css
    โ”‚   โ”œโ”€โ”€ burger..min.css
    โ”‚   โ””โ”€โ”€ burger.min.css.map
    โ”œโ”€โ”€ index.html
    โ”œโ”€โ”€ scripts
    โ”‚   โ”œโ”€โ”€ burger.js
    โ”‚   โ”œโ”€โ”€ burger.min.js.map
    โ”‚   โ””โ”€โ”€ burger.min.js
    โ””โ”€โ”€ sass
        โ””โ”€โ”€ burger.scss

Documentation

HTML Markup

  <!-- Navigation -->
  <div class="b-nav">
    <li><a class="b-link b-link--active" >Home</a></li>
    <li><a class="b-link" >About</a></li>
    <li><a class="b-link" >Portfolio</a></li>
    <li><a class="b-link" >Contact</a></li>
  </div>

  <!-- Burger-Icon -->
  <div class="b-container">
    <div class="b-menu">
      <div class="b-bun b-bun--top"></div>
      <div class="b-bun b-bun--mid"></div>
      <div class="b-bun b-bun--bottom"></div>
    </div>

    <!-- Burger-Brand -->
    <a  class="b-brand">Burger</a>
  </div>

Browser Compatibility

  • Safari 6.1+
  • IE 10+
  • Firefox 29+
  • Chrome 26+
  • Opera 17+

Contributing to Burger

Pull requests are the way to go.

Creators

Matthew Blode

License

MIT ยฉ Matthew Blode

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].