Base Layout work

views/common/footer.pug

@@ -0,0 +1,10 @@
+footer.footer
+	.container
+		.content.has-text-centered
+			p
+				= t('footer.poweredby') + ' '
+				a(href='https://github.com/Requarks/wiki') Requarks Wiki
+				| .
+				p
+					a.icon(href='https://github.com/Requarks/wiki')
+						i.fa.fa-github

views/common/header.pug

@@ -0,0 +1,35 @@
+
+nav.nav.has-shadow
+	.nav-left
+		a.nav-item.is-brand(href='/')
+			img(src='/favicons/android-icon-96x96.png', alt='Wiki')
+		a.nav-item(href='/')
+			h1.title Wiki
+	.nav-center
+		p.nav-item.control.has-addons
+			input.input(type='text', placeholder='Find...')
+			a.button.is-info
+				span.icon.is-small
+					i.fa.fa-search
+	span.nav-toggle
+		span
+		span
+		span
+	.nav-right.nav-menu
+		a.nav-item(href='#')
+			| Account
+		a.nav-item(href='#')
+			| History
+		a.nav-item(href='#')
+			| Source
+		span.nav-item
+			a.button
+				span.icon
+					i.fa.fa-edit
+				span Edit
+			a.button.is-primary(href='#')
+				span.icon
+					i.fa.fa-plus
+				span Create
+
+

views/layout.pug

@@ -3,6 +3,7 @@ html
 	head
 		meta(http-equiv='X-UA-Compatible', content='IE=edge')
 		meta(charset='UTF-8')
+		meta(name='viewport', content='width=device-width, initial-scale=1')
 		meta(name='theme-color', content='#009688')
 		meta(name='msapplication-TileColor', content='#009688')
 		meta(name='msapplication-TileImage', content='/favicons/ms-icon-144x144.png')

views/pages/view.pug

@@ -0,0 +1,52 @@
+extends ../layout
+
+block content
+
+	section.section
+		.container.is-fluid
+			.columns
+
+				.column.is-narrow
+
+					aside.menu
+						p.menu-label
+							| General
+						ul.menu-list
+							li
+								a(href='#') Dashboard
+							li
+								a(href='#') Customers
+						p.menu-label
+							| Administration
+						ul.menu-list
+							li
+								a(href='#') Team Settings
+								li
+									a.is-active(href='#') Manage Your Team
+									ul
+										li
+											a(href='#') Members
+										li
+											a(href='#') Plugins
+										li
+											a(href='#') Add a member
+							li
+								a(href='#') Invitations
+							li
+								a(href='#') Authentication
+						p.menu-label
+							| Transactions
+						ul.menu-list
+							li
+								a(href='#') Payments
+							li
+								a(href='#') Transfers
+							li
+								a(href='#') Balance
+
+				.column
+					h1.title
+						| Primary bold title
+					h2.subtitle
+						| Primary bold subtitle
+