brettlangdon
/
wedding-website
mirror of https://github.com/brettlangdon/wedding-website.git
1
0
Fork 0
Code Issues 0 Projects 0 Releases 0 Wiki Activity
Browse Source

Update styles

master
Brett Langdon 8 years ago
parent
71c945ba6b
commit
aa40a647c4
No known key found for this signature in database GPG Key ID: B664881177781B04
4 changed files with 124 additions and 39 deletions
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. +1
    -1
      faviconData.json
  2. +49
    -36
      index.html
  3. +1
    -1
      styles.css
  4. +73
    -1
      styles.scss

+ 1
- 1
faviconData.json View File

@ -1 +1 @@
{"result":{"status":"success"},"favicon":{"package_url":"https://realfavicongenerator.net/files/cb61fa2e0539c4447d1970e6f4600700eddd9238/favicon_package_v0.16.zip","files_urls":["https://realfavicongenerator.net/files/cb61fa2e0539c4447d1970e6f4600700eddd9238/package_files/android-chrome-192x192.png","https://realfavicongenerator.net/files/cb61fa2e0539c4447d1970e6f4600700eddd9238/package_files/android-chrome-512x512.png","https://realfavicongenerator.net/files/cb61fa2e0539c4447d1970e6f4600700eddd9238/package_files/apple-touch-icon.png","https://realfavicongenerator.net/files/cb61fa2e0539c4447d1970e6f4600700eddd9238/package_files/browserconfig.xml","https://realfavicongenerator.net/files/cb61fa2e0539c4447d1970e6f4600700eddd9238/package_files/favicon-16x16.png","https://realfavicongenerator.net/files/cb61fa2e0539c4447d1970e6f4600700eddd9238/package_files/favicon-32x32.png","https://realfavicongenerator.net/files/cb61fa2e0539c4447d1970e6f4600700eddd9238/package_files/favicon.ico","https://realfavicongenerator.net/files/cb61fa2e0539c4447d1970e6f4600700eddd9238/package_files/mstile-144x144.png","https://realfavicongenerator.net/files/cb61fa2e0539c4447d1970e6f4600700eddd9238/package_files/mstile-150x150.png","https://realfavicongenerator.net/files/cb61fa2e0539c4447d1970e6f4600700eddd9238/package_files/mstile-310x150.png","https://realfavicongenerator.net/files/cb61fa2e0539c4447d1970e6f4600700eddd9238/package_files/mstile-310x310.png","https://realfavicongenerator.net/files/cb61fa2e0539c4447d1970e6f4600700eddd9238/package_files/mstile-70x70.png","https://realfavicongenerator.net/files/cb61fa2e0539c4447d1970e6f4600700eddd9238/package_files/safari-pinned-tab.svg","https://realfavicongenerator.net/files/cb61fa2e0539c4447d1970e6f4600700eddd9238/package_files/site.webmanifest"],"html_code":"<link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"/apple-touch-icon.png?v=XBzaKGvaex\">\n<link rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/favicon-32x32.png?v=XBzaKGvaex\">\n<link rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/favicon-16x16.png?v=XBzaKGvaex\">\n<link rel=\"manifest\" href=\"/site.webmanifest?v=XBzaKGvaex\">\n<link rel=\"mask-icon\" href=\"/safari-pinned-tab.svg?v=XBzaKGvaex\" color=\"#006563\">\n<link rel=\"shortcut icon\" href=\"/favicon.ico?v=XBzaKGvaex\">\n<meta name=\"msapplication-TileColor\" content=\"#006563\">\n<meta name=\"msapplication-TileImage\" content=\"/mstile-144x144.png?v=XBzaKGvaex\">\n<meta name=\"theme-color\" content=\"#ffffff\">","compression":"true","overlapping_markups":["link[rel=\"apple-touch-icon\"]","link[rel=\"shortcut\"]","link[rel=\"shortcut icon\"]","link[rel=\"icon\",sizes=\"16x16\"]","link[rel=\"icon\",sizes=\"32x32\"]","meta[name=\"msapplication-TileColor\"]","meta[name=\"msapplication-TileImage\"]","link[rel=\"manifest\"]","meta[name=\"theme-color\"]","link[rel=\"mask-icon\"]"]},"files_location":{"type":"path","path":"/"},"preview_picture_url":"https://realfavicongenerator.net/files/cb61fa2e0539c4447d1970e6f4600700eddd9238/favicon_preview.png","version":"0.16"}
{"result":{"status":"success"},"favicon":{"package_url":"https://realfavicongenerator.net/files/944b5f05de6502bfef4e496a3898e2b9e6d5ab61/favicon_package_v0.16.zip","files_urls":["https://realfavicongenerator.net/files/944b5f05de6502bfef4e496a3898e2b9e6d5ab61/package_files/android-chrome-192x192.png","https://realfavicongenerator.net/files/944b5f05de6502bfef4e496a3898e2b9e6d5ab61/package_files/android-chrome-512x512.png","https://realfavicongenerator.net/files/944b5f05de6502bfef4e496a3898e2b9e6d5ab61/package_files/apple-touch-icon.png","https://realfavicongenerator.net/files/944b5f05de6502bfef4e496a3898e2b9e6d5ab61/package_files/browserconfig.xml","https://realfavicongenerator.net/files/944b5f05de6502bfef4e496a3898e2b9e6d5ab61/package_files/favicon-16x16.png","https://realfavicongenerator.net/files/944b5f05de6502bfef4e496a3898e2b9e6d5ab61/package_files/favicon-32x32.png","https://realfavicongenerator.net/files/944b5f05de6502bfef4e496a3898e2b9e6d5ab61/package_files/favicon.ico","https://realfavicongenerator.net/files/944b5f05de6502bfef4e496a3898e2b9e6d5ab61/package_files/mstile-144x144.png","https://realfavicongenerator.net/files/944b5f05de6502bfef4e496a3898e2b9e6d5ab61/package_files/mstile-150x150.png","https://realfavicongenerator.net/files/944b5f05de6502bfef4e496a3898e2b9e6d5ab61/package_files/mstile-310x150.png","https://realfavicongenerator.net/files/944b5f05de6502bfef4e496a3898e2b9e6d5ab61/package_files/mstile-310x310.png","https://realfavicongenerator.net/files/944b5f05de6502bfef4e496a3898e2b9e6d5ab61/package_files/mstile-70x70.png","https://realfavicongenerator.net/files/944b5f05de6502bfef4e496a3898e2b9e6d5ab61/package_files/safari-pinned-tab.svg","https://realfavicongenerator.net/files/944b5f05de6502bfef4e496a3898e2b9e6d5ab61/package_files/site.webmanifest"],"html_code":"<link rel=\"apple-touch-icon\" sizes=\"180x180\" href=\"/apple-touch-icon.png?v=XBzaKGvaex\">\n<link rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/favicon-32x32.png?v=XBzaKGvaex\">\n<link rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/favicon-16x16.png?v=XBzaKGvaex\">\n<link rel=\"manifest\" href=\"/site.webmanifest?v=XBzaKGvaex\">\n<link rel=\"mask-icon\" href=\"/safari-pinned-tab.svg?v=XBzaKGvaex\" color=\"#006563\">\n<link rel=\"shortcut icon\" href=\"/favicon.ico?v=XBzaKGvaex\">\n<meta name=\"msapplication-TileColor\" content=\"#006563\">\n<meta name=\"msapplication-TileImage\" content=\"/mstile-144x144.png?v=XBzaKGvaex\">\n<meta name=\"theme-color\" content=\"#ffffff\">","compression":"true","overlapping_markups":["link[rel=\"apple-touch-icon\"]","link[rel=\"shortcut\"]","link[rel=\"shortcut icon\"]","link[rel=\"icon\",sizes=\"16x16\"]","link[rel=\"icon\",sizes=\"32x32\"]","meta[name=\"msapplication-TileColor\"]","meta[name=\"msapplication-TileImage\"]","link[rel=\"manifest\"]","meta[name=\"theme-color\"]","link[rel=\"mask-icon\"]"]},"files_location":{"type":"path","path":"/"},"preview_picture_url":"https://realfavicongenerator.net/files/944b5f05de6502bfef4e496a3898e2b9e6d5ab61/favicon_preview.png","version":"0.16"}

+ 49
- 36
index.html View File

@ -3,30 +3,28 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Brett and Kate's wedding website" />
<meta name="author" content="Brett & Kate" />
<meta name="keywords" content="brett,kate,wedding,website,rsvp" />
<meta property="og:site_name" content="Brett & Kate's wedding" />
<meta property="og:title" content="Brett & Kate's wedding" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://brettkate.wedding/" />
<meta property="og:description" content="Brett and Kate's wedding website" />
<meta property="og:image:url" content="https://brettkate.wedding/logo.png" />
<meta property="og:image:secure_url" content="https://brettkate.wedding/logo.png" />
<meta property="og:image:type" content="image/png" />
<meta name="description" content="Brett and Kate's wedding website">
<meta name="author" content="Brett & Kate">
<meta name="keywords" content="brett,kate,wedding,website,rsvp">
<meta property="og:site_name" content="Brett & Kate's wedding">
<meta property="og:title" content="Brett & Kate's wedding">
<meta property="og:type" content="website">
<meta property="og:url" content="https://brettkate.wedding/">
<meta property="og:description" content="Brett and Kate's wedding website">
<meta property="og:image:url" content="https://brettkate.wedding/logo.png">
<meta property="og:image:secure_url" content="https://brettkate.wedding/logo.png">
<meta property="og:image:type" content="image/png">
<title>Brett and Kate's wedding</title>
<link rel="stylesheet" href="/styles.css">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=XBzaKGvaex">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=XBzaKGvaex">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=XBzaKGvaex">
<link rel="manifest" href="/site.webmanifest?v=XBzaKGvaex">
<link rel="mask-icon" href="/safari-pinned-tab.svg?v=XBzaKGvaex" color="#006563">
<link rel="shortcut icon" href="/favicon.ico?v=XBzaKGvaex">
<meta name="msapplication-TileColor" content="#006563">
<meta name="msapplication-TileImage" content="/mstile-144x144.png?v=XBzaKGvaex">
<meta name="theme-color" content="#ffffff"></head>
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png?v=XBzaKGvaex">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png?v=XBzaKGvaex">
<link rel="manifest" href="/site.webmanifest?v=XBzaKGvaex">
<link rel="mask-icon" href="/safari-pinned-tab.svg?v=XBzaKGvaex" color="#006563">
<link rel="shortcut icon" href="/favicon.ico?v=XBzaKGvaex">
<meta name="msapplication-TileColor" content="#006563">
<meta name="msapplication-TileImage" content="/mstile-144x144.png?v=XBzaKGvaex">
<meta name="theme-color" content="#ffffff"></head>
<body>
<a class="jump-to-top box is-hidden">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 129 129"><path d="M121.4 61.6l-54-54c-.7-.7-1.8-1.2-2.9-1.2s-2.2.5-2.9 1.2l-54 54c-1.6 1.6-1.6 4.2 0 5.8.8.8 1.8 1.2 2.9 1.2s2.1-.4 2.9-1.2l47-47v98.1c0 2.3 1.8 4.1 4.1 4.1s4.1-1.8 4.1-4.1V20.4l47 47c1.6 1.6 4.2 1.6 5.8 0s1.5-4.2 0-5.8z"/></svg>
@ -34,10 +32,11 @@
<a class="open-mobile-menu box is-hidden-tablet">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 50 50"><path d="M0 3h50v2H0zM0 17h50v2H0zM0 31h50v2H0zM0 45h50v2H0z"/></svg>
</a>
<aside class="menu mobile-menu is-hidden is-size-4">
<aside class="menu mobile-menu is-hidden is-size-4 is-primary">
<a class="close-mobile-menu box">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 64 64"><path fill="#1D1D1B" d="M28.941 31.786L.613 60.114a2.014 2.014 0 1 0 2.848 2.849l28.541-28.541 28.541 28.541c.394.394.909.59 1.424.59a2.014 2.014 0 0 0 1.424-3.439L35.064 31.786 63.41 3.438A2.014 2.014 0 1 0 60.562.589L32.003 29.15 3.441.59A2.015 2.015 0 0 0 .593 3.439l28.348 28.347z"/></svg>
</a>
<img class="mobile-menu-logo" src="/logo.svg">
<ul class="menu-list">
<li><a href="#our-story">Our story</a></li>
<li><a href="#details">Details</a></li>
@ -49,16 +48,16 @@
</aside>
<section class="hero is-fullheight">
<div class="hero-logo">
<img src="/logo.svg" />
<img src="/logo.svg">
</div>
<div class="hero-body">
<div class="container">
<h1 class="headline title has-text-white">Kate<br />& Brett</h1>
<h1 class="headline title has-text-white">Kate<br>& Brett</h1>
<h2 class="subtitle has-text-white">are getting married!</h2>
</div>
</div>
<div class="hero-foot is-hidden-mobile">
<nav class="tabs is-uppercase">
<nav class="tabs is-uppercase is-primary">
<div class="container">
<ul>
<li><a href="#our-story">Our story</a></li>
@ -88,7 +87,7 @@
<section id="details" class="section">
<div class="container" style="max-width: 800px">
<div class="content">
<h1 class="title">Ceremony & Reception</h1>
<h1 class="title is-spaced">Ceremony & Reception</h1>
<h2 class="subtitle is-size-4">Welcome drinks</h2>
<p>
<strong>September 7th, 7-9pm</strong><br>
@ -138,8 +137,8 @@
<section id="things-to-do" class="section is-grey">
<div class="container" style="max-width: 800px">
<div class="content">
<h1 class="title">Things to do in Rochester</h1>
<h2 class="subtitle is-size-4"><a href="http://www.geneseebeer.com/brewhouse/" target="_blank">Genesee Brewhouse</a></h2>
<h1 class="title is-spaced">Things to do in Rochester</h1>
<h2 class="subtitle is-size-4">Genesee Brewhouse</h2>
<p>
<a href="https://goo.gl/maps/Tk8qTACquKD2" target="_blank">
25 Cataract St.<br>
@ -147,9 +146,9 @@
</a>
</p>
<p>
The Genesee Brewhouse is a historic beer packaging center that has been renovated to include a taproom, restaurant and rooftop bar! Go here to taste some local beers with a view of the Genesee River & High Falls.
<a href="http://www.geneseebeer.com/brewhouse/" target="_blank">The Genesee Brewhouse</a> is a historic beer packaging center that has been renovated to include a taproom, restaurant and rooftop bar! Go here to taste some local beers with a view of the Genesee River & High Falls.
</p>
<h2 class="subtitle is-size-4"><a href="https://eastman.org/" target="_blank">George Eastman House Museum</a></h2>
<h2 class="subtitle is-size-4">George Eastman House Museum</h2>
<p>
<a href="https://goo.gl/maps/45RFuS5GqpG2" target="_blank">
900 East Ave<br>
@ -157,9 +156,9 @@
</a>
</p>
<p>
The George Eastman House is the former estate of Kodak founder George Eastman, whose historic grounds now house collections in the fields of photography, cinema, and photographic and cinematographic technology, and photographically illustrated books. The institution is also a longtime leader in film preservation and photographic conservation.
<a href="https://eastman.org/" target="_blank">The George Eastman House</a> is the former estate of Kodak founder George Eastman, whose historic grounds now house collections in the fields of photography, cinema, and photographic and cinematographic technology, and photographically illustrated books. The institution is also a longtime leader in film preservation and photographic conservation.
</p>
<h2 class="subtitle is-size-4"><a href="http://www.cityofrochester.gov/publicmarket/" target="_blank">City of Rochester Public Market</a></h2>
<h2 class="subtitle is-size-4">City of Rochester Public Market</h2>
<p>
<a href="https://goo.gl/maps/rhmEprR2KZR2" target="_blank">
280 Union St. N<br>
@ -167,9 +166,9 @@
</a>
</p>
<p>
Rochester's City-run Public Market has served the community at its 280 N. Union Street site since 1905. Bargains and local goodness abound Tuesday, Thursday and Saturday, 52 weeks a year. Vendors--over 300 on busiest Saturdays--offer local produce, produce from around the country and world; meats and seafood; eggs and dairy products; ethnic delicacies; prepared and packaged foods; specialty items; general merchandise; and more in three covered outdoor vendor sheds and also a brand new state-of-the-art fully indoor shed. In addition, an array of independent local businesses--cafes, food stands, coffee shops, florists, specialty food purveyors, breweries, and more--can be found on Market grounds and in the surrounding Market District.
<a href="http://www.cityofrochester.gov/publicmarket/" target="_blank">Rochester's City-run Public Market</a> has served the community at its 280 N. Union Street site since 1905. Bargains and local goodness abound Tuesday, Thursday and Saturday, 52 weeks a year. Vendors--over 300 on busiest Saturdays--offer local produce, produce from around the country and world; meats and seafood; eggs and dairy products; ethnic delicacies; prepared and packaged foods; specialty items; general merchandise; and more in three covered outdoor vendor sheds and also a brand new state-of-the-art fully indoor shed. In addition, an array of independent local businesses--cafes, food stands, coffee shops, florists, specialty food purveyors, breweries, and more--can be found on Market grounds and in the surrounding Market District.
</p>
<h2 class="subtitle is-size-4"><a href="http://www.visitrochester.com/listings/village-gate-square/77/" target="_blank">Village Gate Square</a></h2>
<h2 class="subtitle is-size-4">Village Gate Square</h2>
<p>
<a href="https://goo.gl/maps/7DWMVEqQVYy" target="_blank">
274 Goodman St. N<br>
@ -177,7 +176,7 @@
</a>
</p>
<p>
The Village Gate is a vital component of Rochester's Neighborhood of the Arts (NOTA). Unique community of specialty shops, restaurants, loft apartments, art galleries and art studios located in an historic printing factory.
<a href="http://www.visitrochester.com/listings/village-gate-square/77/" target="_blank">The Village Gate</a> is a vital component of Rochester's Neighborhood of the Arts (NOTA). Unique community of specialty shops, restaurants, loft apartments, art galleries and art studios located in an historic printing factory.
</p>
<p style="margin-top: 5rem">
See our <a href="https://bkwed.us/map" target="_blank">event map</a> for more of our favorite things to do and places to eat!
@ -250,13 +249,27 @@
</div>
</div>
</section>
<footer class="footer is-primary">
<div class="container">
<div class="content has-text-centered">
<p>
Website by <a href="https://c653labs.com" target="_blank">C653 Labs, LLC</a>.
</p>
<p>
Graphic design by <a href="http://www.anthonyc.me/" target="_blank">Anthony Cangelosi</a>.
</p>
<p>
Photography by <a href="http://www.thewillinghams.com/" target="_blank">The Willinghams</a>.
</p>
</div>
</div>
</footer>
<script>
var parts = window.location.href.split('?');
query = parts[1] || '';
if (query) {
query = '?' + query;
}
document.addEventListener('click', function (evt) {
if (evt.target.closest('.mobile-menu a')) {
document.querySelector('.mobile-menu').classList.add('is-hidden');


+ 1
- 1
styles.css
File diff suppressed because it is too large
View File


+ 73
- 1
styles.scss View File

@ -23,6 +23,11 @@ $text: $grey-darker;
@import "bulma/sass/utilities/derived-variables.sass";
@import "bulma/bulma";
a {
color: $turquoise-light;
font-weight: bold;
}
.title {
font-family: $family-serif;
@ -36,11 +41,43 @@ $text: $grey-darker;
}
.tabs {
font-size: 1.1rem;
&.is-primary {
background-color: $primary;
color: $white;
a {
color: $white;
&:hover {
color: $grey-dark;
background-color: $white;
}
}
}
li {
font-family: $family-serif;
}
}
.footer {
&.is-primary {
background-color: $primary;
color: $white;
a {
color: $yellow-light;
font-weight: normal;
&:hover {
color: $yellow;
}
}
}
}
.hero-body {
background-image: url('background.jpg');
@ -74,11 +111,16 @@ $text: $grey-darker;
z-index: 90;
svg {
fill: $grey-dark;
position: absolute;
width: 30px;
height: 30px;
top: 6px;
left: 5px;
* {
fill: $grey-dark;
}
}
}
@ -93,11 +135,16 @@ $text: $grey-darker;
z-index: 90;
svg {
fill: $grey-dark;
position: absolute;
top: 8px;
left: 8px;
width: 25px;
height: 25px;
* {
fill: $grey-dark;
}
}
}
@ -111,6 +158,26 @@ $text: $grey-darker;
left: 0;
z-index: 100;
&.is-primary {
background-color: $primary;
color: $white;
a {
color: $white;
&:hover {
color: $grey-dark;
}
}
}
.mobile-menu-logo {
position: absolute;
top: 1rem;
right: 1rem;
width: 7rem;
}
.close-mobile-menu {
position: relative;
width: 40px;
@ -119,11 +186,16 @@ $text: $grey-darker;
margin-left: 1rem;
svg {
fill: $grey-dark;
position: absolute;
top: 8px;
left: 8px;
width: 25px;
height: 25px;
* {
fill: $grey-dark;
}
}
}
}
@ -172,7 +244,7 @@ $text: $grey-darker;
height: 10rem;
top: 1rem;
right: 1rem;
z-index: 110;
z-index: 90;
@include until($desktop) {
width: 7rem;


Write Preview
Loading…
Cancel
Save