Basic content
This commit is contained in:
parent
b090086eb7
commit
5c3e3ced08
93
index.html
93
index.html
|
@ -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
13
output.css
|
@ -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
16
styles.scss
|
@ -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 {
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue