Skip to content

Instantly share code, notes, and snippets.

@yamaaki
Last active October 6, 2015 10:05
Show Gist options
  • Save yamaaki/2080042fbbde2efff66c to your computer and use it in GitHub Desktop.
Save yamaaki/2080042fbbde2efff66c to your computer and use it in GitHub Desktop.
doctype html
html
head
meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"
title BasicApp
= favicon_link_tag
link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"
= stylesheet_link_tag 'admin/application', media: 'all', 'data-turbolinks-track' => true
= javascript_include_tag 'admin/application', 'data-turbolinks-track' => true
= csrf_meta_tags
body#body
header
nav
.nav-wrapper
= link_to 'Logo', root_path, class: 'brand-logo hide-on-large-only'
= link_to '#', data: { activates: 'mobile-menu' }, class: 'button-collapse' do
i.material-icons menu
== render 'admin/layouts/header_buttons'
== render 'admin/layouts/side_navi'
main
.u-container
- if flash[:notice]
.u-toast.hide
= flash[:notice]
- if flash[:alert]
.u-toast.hide
= flash[:alert]
= yield
footer.page-footer
.container
.row
.col.s12.l6
h5.white-text Footer Content
p.grey-text.text-lighten-4 You can use rows and columns here to organize your footer content.
.col.s12.offset-l2.l4
h5.white-text Links
ul
li
a.grey-text.text-lighten-3 href="#!" Link 1
li
a.grey-text.text-lighten-3 href="#!" Link 2
li
a.grey-text.text-lighten-3 href="#!" Link 3
li
a.grey-text.text-lighten-3 href="#!" Link 4
.footer-copyright
.container
span © 2015 Copyright Text
a.grey-text.text-lighten-4.right href="#!" More Links
#u-confirm-modal.modal
.modal-content
h4 confirm text
.modal-footer
a.modal-action.modal-close.waves-effect.btn-flat.u-confirm-modal-ok OK
a.modal-action.modal-close.waves-effect.btn-flat Cancel
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment