rtyler
/
tubbsfireinfo.com
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Basic content

This commit is contained in:
Dana Woodman 2017-10-09 19:27:33 -07:00
parent b090086eb7
commit 5c3e3ced08
3 changed files with 107 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

93
index.html
View File

@ -4,32 +4,34 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Tubb's Fire Information - Santa Rosa, Sonoma County Fire News, Resources and Contacts</title>
<title>Tubb"s Fire Information - Santa Rosa, Sonoma County Fire News, Resources and Contacts</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab:Open+Sans:400,700"
rel="stylesheet">
<link rel="stylesheet" href="output.css">
</head>
<body>
<div class="hero text-center">
<div class="section bg-light text-center">
<div class="container">
<h1 class="display-1">Tubb's Fire Info</h1>
<p class="lead">Up-to-date information, resources and news regarding the Tubb's Fire in Sonoma
County, California.</p>
<nav class='mt-5'>
<a href="#donate" class='btn btn-lg btn-success mr-3'>
<nav class="mt-5">
<a href="#donate" class="btn btn-lg btn-success mr-3">
<i class="fa fa-money mr-2"></i>
Donate
</a>
<a href="#find-help" class='btn btn-lg btn-warning mr-3'>
<a href="#find-help" class="btn btn-lg btn-warning mr-3">
<i class="fa fa-medkit mr-2"></i>
Find Help
</a>
<a href="#volunteer" class='btn btn-lg btn-info mr-3'>
<a href="#volunteer" class="btn btn-lg btn-info mr-3">
<i class="fa fa-handshake-o mr-2"></i>
Volunteer
</a>
<a class="btn btn-danger btn-lg" href="https://docs.google.com/document/d/e/2PACX-1vRxWfSzFrGbHCLQ7x0ZK8sUMzTEoVMcVrl3YKt8N64j5_MqR5q7stS7kfCvWkd152NZm0reHq9aC80u/pub">
<a class="btn btn-danger btn-lg" href="https://docs.google.com/document/d/e/2PACX-1vRxWfSzFrGbHCLQ7x0ZK8sUMzTEoVMcVrl3YKt8N64j5_MqR5q7stS7kfCvWkd152NZm0reHq9aC80u/pub"
taget="_blank">
<i class="fa fa-book mr-2"></i>
Resources
</a>
@ -37,6 +39,81 @@
</div>
</div>
<div id="donate" class="section">
<div class="container">
<h2 class="display-4 text-center mb-5">Donate</h2>
<div class="row">
<div class="col-sm-8 mx-auto">
<ul class="list-group">
<li class="list-group-item">
<i class="fa fa-book mr-3"></i>
<a href="http://www.nbcbayarea.com/news/local/How-To-Help-North-Bay-Fire-Relief-Efforts-450142573.html">
List of organizations accepting donations
</a>
</li>
<li class="list-group-item">
<i class="fa fa-money mr-3"></i>
<a href="http://bit.ly/tubbs-fire-relief">Donate to the Tubb's Fire Relief Fund</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="find-help" class="section bg-light">
<div class="container">
<h2 class="display-4 text-center mb-5">Find Help</h2>
<div class="row">
<div class="col-sm-8 mx-auto">
<ul class="list-group">
<li class="list-group-item">
<i class="fa fa-phone mr-3"></i>
Sonoma County Emergency Operations Hotline:
<a href="tel:17075653856">(707) 565-3856</a>
</li>
<li class="list-group-item">
<i class="fa fa-bullhorn mr-3"></i>
<a href="https://safeandwell.communityos.org/zf/safe/add">List yourself as safe and well</a>
through the Red Cross
</li>
<li class="list-group-item">
<i class="fa fa-home mr-3"></i>
<a href="https://drive.google.com/open?id=1fWtzxnQYhPEICJ6AjQdYKI_Tnqc&usp=sharing">Current list of shelters</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="volunteer" class="section">
<div class="container">
<h2 class="display-4 text-center mb-5">Volunteer</h2>
<div class="row">
<div class="col-sm-8 mx-auto">
<ul class="list-group">
<li class="list-group-item">
<i class="fa fa-handshake-o mr-3"></i>
<a href="http://www.redcross.org/volunteer/volunteer-opportunities/disaster-volunteer">Red Cross Volunteer form</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="volunteer" class="section bg-light">
<div class="container text-center">
<p>
Made by a volunteer team at
<a href="http://www.chimeraarts.org/">Chimera Arts & Makerspace</a>
</p>
<p>
<a href="https://github.com/chimera/tubbsfireinfo.com">View code for website here</a>
</p>
</div>
</div>
</body>
</html>

13
output.css
View File

@ -68,7 +68,7 @@ article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, s
body {
margin: 0;
font-family: "Roboto Slab", serif;
font-family: "Open Sans", serif;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
@ -318,7 +318,7 @@ template {
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: 0.5rem;
font-family: inherit;
font-family: "Roboto Slab", serif;
font-weight: 500;
line-height: 1.1;
color: inherit; }
@ -3333,7 +3333,7 @@ button.close {
z-index: 1070;
display: block;
margin: 0;
font-family: "Roboto Slab", serif;
font-family: "Open Sans", serif;
font-style: normal;
font-weight: normal;
line-height: 1.5;
@ -3415,7 +3415,7 @@ button.close {
display: block;
max-width: 276px;
padding: 1px;
font-family: "Roboto Slab", serif;
font-family: "Open Sans", serif;
font-style: normal;
font-weight: normal;
line-height: 1.5;
@ -5552,6 +5552,9 @@ a.text-dark:focus, a.text-dark:hover {
.invisible {
visibility: hidden !important; }
.section,
.hero {
background: #e9ecef;
padding: 5em 0; }
.hero {
background: #e9ecef; }

16
styles.scss
View File

@ -1,9 +1,21 @@
// Colors
$red: #c16247;
$font-family-sans-serif: "Roboto Slab", serif;
// Fonts
$font-family-serif: "Roboto Slab", serif;
$font-family-sans-serif: "Open Sans", serif;
$headings-font-family: $font-family-serif;
@import "./node_modules/bootstrap/scss/bootstrap.scss";
.section,
.hero {
background: $gray-200;
padding: 5em 0;
}
.hero {
background: $gray-200;
}
.section {
}