@@ -116,8 +116,8 @@ mixin tutorial-screen(heading)
+tutorial-screen("Share as much as you’d like!")
.text You may write either a short or a long memory of your choice.
.text Add a personal touch by clicking the #[img(src="img/photo-icon-dark-golden-rod.png")] to add your own photo.
+tutorial-screen("Your memory has been posted!")
.text Feel free to explore the rest of the map or website.
//- +tutorial-screen("Your memory has been posted!")
//- .text Feel free to explore the rest of the map or website.
+modal-part("featured")
.inner-content-wrapper
@@ -135,6 +135,23 @@ mixin tutorial-screen(heading)
+tutorial-screen("This page will be available after initial testing.")
.text Sorry, this part of the website is still under construction! This page will be available after initial testing.

+modal-part("contact")
.inner-content-wrapper
+tutorial("contact")
+tutorial-screen("Feel free to contact our team!")
.text
p Joan “Yuni” Lao - founder and designer #[br]
a(href="mailto:joaneunicelao@gmail.com") joaneunicelao@gmail.com #[br]
a(href="be.net/joaneunicelao") be.net/joaneunicelao
p Mike del Castillo - front end developer #[br]
a(href="mailto:hello@mikedc.io") hello@mikedc.io #[br]
a(href="http://mikedc.io") mikedc.io
p Mark Perea - back end developer #[br]
a(href="mailto:") mark #[br]
a(href="http://") mark



+modal-part("edit-profile")
.inner-content-wrapper
+tutorial("edit-profile")
@@ -13,7 +13,7 @@ mixin link(id, url, text)
+link("map", "map", "Map")
+link("featured", "featured", "Featured")
+link("about", "about", "About")
+link("about-project", "about/project", "Tahanan")
+link("about-tahanan", "about", "Tahanan")
+link("about-faq", "about/faq", "FAQs")
+link("about-contact", "about/contact", "Contact")
+link("me", "me", "My Profile")
@@ -1,2 +1,7 @@
#google-map
#dropdown-wrapper
.title
img.marker(src="/img/marker-light.png")
.text Go to landmarks...
#options-wrapper
.btn-help
@@ -15,3 +15,5 @@ $color-light-steel-blue-trans: rgba(176, 196, 222, 0.8)
$color-brown: #653C26

$sidebar-width: 300px

$shadow: 0 2px 10px rgba(0, 0, 0, 0.15)
@@ -13,7 +13,7 @@
height: $header-height
background-color: $color-pale-golden-rod
background-image: url(../img/navbar_pattern.jpg)
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15)
box-shadow: $shadow
z-index: 500
.center-wrapper
height: $header-height
@@ -51,3 +51,4 @@
.btn-sign-in
cursor: pointer
text-decoration: underline
font-weight: bold
@@ -118,6 +118,13 @@
background-image: url(../img/polaroid_texture_b.jpg)
&.texture-c
background-image: url(../img/polaroid_texture_c.jpg)
&.font-0 .content
font-family: "Permanent Marker", sans-serif
&.font-1 .content
font-family: "Damion", sans-serif
&.font-2 .content
font-family: "Gochi Hand", sans-serif
&.font-3 .content
&, & *
cursor: pointer
.default
@@ -1,4 +1,4 @@
@import url('https://fonts.googleapis.com/css?family=Catamaran:100,400,700')
@import url('https://fonts.googleapis.com/css?family=Catamaran:100,400,700|Damion|Gochi+Hand|Permanent+Marker')

@import defaults
@import mixins
@@ -7,3 +7,42 @@
position: absolute
top: 0
left: 0
#dropdown-wrapper
position: absolute
top: 3em
left: $magic-percent
font-size: 0.9em
letter-spacing: 0.2em
text-transform: uppercase
font-family: $font-1
box-shadow: $shadow
font-weight: 700
$padding: 1em 1.3em 0.8em 1.3em
cursor: pointer
.title
background-color: white
color: $color-dark-golden-rod
padding: $padding
.marker
position: absolute
width: 2.3em
height: auto
bottom: 0.9em
.text
margin-left: 3em
.marker, .text
display: inline-block
#options-wrapper
background-color: white
height: 0
overflow: auto
transition: all 0.5s
.item
background-color: $color-pale-golden-rod
padding: $padding
&:hover
background-color: $color-crimson
color: white
&:hover
#options-wrapper
height: 230px