per draft commit 3a7ad881

master
Kebler Network System Administrator 2021-12-26 11:04:49 -08:00
parent 46eba99eac
commit 9032a8e402
11 changed files with 496 additions and 79 deletions

View File

@ -61,7 +61,7 @@
<link href="/css/base.css" rel="stylesheet">
<link href="/css/page.css" rel="stylesheet">
<link href="/css/sections.css" rel="stylesheet">
<link href="/css/navbar.css" rel="stylesheet">
@ -92,7 +92,7 @@
.nav-bar__menu-item:hover, .nav-bar__menu-item >a:hover {color: cornflowerblue; }
.nav-bar, .section--footer { background-color: cornflowerblue; }
.nav-bar__container, .section--footer { background-color: cornflowerblue; }
.nav-bar__logo,.nav-bar__logo:hover, .nav-bar__menu, .nav-bar__menu-button, .section--footer { color: lightblue; }
.nav-bar__menu-item:hover, .nav-bar__menu-item >a:hover { background-color: lightblue; }
@ -109,7 +109,16 @@
#hero { color: darkblue; }
#hero { background-color: lightblue; }
#hero { text-shadow:
3px
3px
2px
#dddddd; }
#hero h1 { color: darkblue; }
#hero h2 { color: darkblue; }
#hero h3 { color: darkblue; }
@ -117,6 +126,7 @@
#hero hr { border-top-color: darkblue; }
#hero { background-image: url("https://www.prairiecityoregon.net/images/strawberrys.jpg"); }
@ -177,22 +187,21 @@
<link rel="stylesheet" href="/css/uci-shortcodes-custom.css">
<link rel="stylesheet" href="/css/uci-shortcodes.css">
<link rel="stylesheet" href="/css/custom.css">
<link rel="stylesheet" href="/css/custom-responsive.css">
</head>
<body>
<div id="nav-bar" class="nav-bar">
<div id="nav-bar">
<div class="nav-bar__container">
<div class="nav-bar__header">
<a href="#hero" class="nav-bar__logo">
Prairie City Oregon
</a>
<div class="nav-bar__menu-button"> <i class="fa fa-bars"></i></div>
<div class="nav-bar__draft"></div>
</div>
<ul class="nav-bar__menu hide-menu">
@ -253,9 +262,10 @@
</ul>
</div>
</div>
<div class="nav-bar-spacer"></div>
@ -307,6 +317,10 @@ style="color:lightblue; background-color:darkblue;"
<script src="/js/custom.js"></script>
<script src="/js/custom-docready.js"></script>

View File

@ -61,6 +61,7 @@ h6 {
text-align: center;
font-weight: bold;
line-height: 1.45;
margin-bottom: 0.5em;
}
h1 {

View File

@ -1,13 +1,21 @@
/* mobile first in base and page css*/
@media only screen and (min-width: 450px) {
}
@media only screen and (min-device-width: 450px) and (max-device-width: 599px) {
}
/* small tablets */
@media only screen and (min-width: 600px) {
.section--hero {
padding-top: 2em;
}
/*images width will be 95% of view port width until this pixel width with you can set */
@media only screen and (min-width: 450px) {
}
@media only screen and (min-device-width: 600px) and (max-device-width: 799px) {
}

View File

@ -4,4 +4,8 @@
background-color: black;
}
.section--hero {
background-position: right;
justify-content: start;
padding-top: 5em;
}

View File

@ -1,7 +1,8 @@
/* NAVIGATION BAR */
/* mobile first at <1000px */
.nav-bar {
#nav-bar {
display: flex;
flex-direction: column;
position: fixed;
@ -9,6 +10,12 @@
left: 0;
z-index: 10000;
width: 100vw;
}
.nav-bar__container {
display: flex;
flex-direction: column;
width: 100%;
color: black;
background-color: white;
border-bottom: 1px solid grey;
@ -22,28 +29,19 @@
display: flex;
flex-direction: row;
justify-content: flex-start;
align-content: center;
align-content: start;
padding-top: 0.9em;
padding-bottom: 0.9em;
}
.nav-bar__logo {
padding-left: 10em;
padding-left: 1em;
}
.nav-bar__logo {
order: 2;
}
.nav-bar__draft {
padding-left: 1em;
color: red !important;
}
.nav-bar__draft {
order: 3;
}
.nav-bar__menu-button {
order: 1;
@ -79,9 +77,22 @@
color: black;
}
.nav-bar__draft {
display: flex;
justify-content: center;
align-items: center;
background-color: black;
color: red;
font-weight: bold;
font-size: 1em;
width: 100%;
height: 2em;
}
/* bigger than small tablet */
@media only screen and (min-width: 1000px) {
.nav-bar {
.nav-bar__container {
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;

366
css/sections.css Normal file
View File

@ -0,0 +1,366 @@
/* sections */
.section__headline {
text-align: center;
}
.section__content {
display: flex;
flex-direction: column;
align-items: center;
max-width: 95%;
}
.section__content ul {
display: flex;
flex-direction: column;
align-items: flex-start;
max-width: 85%;
padding-top: 0.3em;
padding-bottom: 1em;
padding-left: 0.5em;
padding-right: 0.5em;
}
.section__content li {
padding-bottom: 0.7em;
}
/* lists in section content */
.section__content li {
font-size: 1em;
list-style-type: none;
line-height: 1.1em;
}
.section__content ul,
.section__content ol {
margin-left: 2em;
list-style-position: inside;
padding-top: 0.5em;
}
.section__content ul > li::before {
font-family: FontAwesome;
content: "\f18e";
padding-right: 1.1em;
margin-left: -2em;
}
.section__content ol {
counter-reset: foo;
}
.section__content ol > li {
counter-increment: foo;
}
.section__content ol > li::before {
content: counter(foo) ".";
padding-right: 0.8em;
margin-left: -1.4em;
}
.section--odd {
color: white;
background-color: black;
}
.section--404 {
color: white;
background-color: black;
height: 1000px;
}
.section--hero {
color: white;
background-color: grey;
}
.section--odd .btn {
color: black;
background-color: white;
text-transform: uppercase;
}
.section--footer {
color: white;
background-color: darkgrey;
min-height: 4000px;
}
/* modal */
.section--modal {
display: none;
color: white;
justify-content: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.section__container--modal {
margin: 0.5em;
margin-top: 2em;
background-color: black;
color: white;
max-height: 85%;
border-radius: 1em;
width: auto;
padding-bottom: 1em;
border-style: solid;
border-width: medium;
}
.section__headline--modal {
padding-top: 0.5em;
position: relative;
width: 100%;
padding-right: 1.2em;
}
.section__headline--modal > h1 {
font-size: 1.2em;
}
.section__headline--modal > a[modal-close] {
position: absolute;
font-size: 1em;
top: 0.4em;
right: 0.4em;
}
.section__content--modal {
overflow-y: auto;
position: relative;
align-items: flex-start;
font-size: 0.9em;
padding: 1em;
}
/*fix for fucking google chrome pushing up overflow content */
.section__content--modal * {
flex-shrink: 0;
}
/* ----------------
Hero Section
---------------- */
.section--hero {
background-size: cover;
background-position: center;
display: flex;
align-items: center;
justify-content: center;
width: 100vw;
}
.section--hero .section-content--hero {
text-align: center;
line-height: 1;
}
/*mobile first*/
.section--hero h1,
.section--hero h2,
.section--hero h3,
.section--hero h4,
.section--hero h5,
.section--hero h6 {
line-height: 1;
}
/* ----------------
Components/Shortcodes Styling
---------------- */
/* box creates a flexbox wrapper, row default */
.box {
display: flex;
flex-flow: wrap;
align-content: center;
justify-content: center;
padding-left: 0.5em;
padding-right: 0.5em;
}
.box--embed {
flex-direction: column;
flex-wrap: nowrap;
padding-bottom: 0;
justify-content: center;
align-items: center;
}
.box--embed::before,
.box--image::before {
content: "";
height: 0.5em;
}
.box--embed::after,
.box--image::after {
content: "";
height: 0.5em;
}
.box--btn-bar {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.box--column {
flex-direction: column;
align-items: center;
}
.box__caption {
font-style: italic;
}
.box__title {
text-transform: capitalize;
font-weight: bold;
}
.box--headline {
}
.box--text {
}
.box--btn {
padding: 0.5em;
margin-bottom: 0.5em;
}
.box--btn-bar > .box--btn {
margin-right: 0.2em;
}
.btn__text {
align-self: center;
}
.btn__icon {
align-self: center;
padding-right: 0.2em;
}
.btn--large .btn__text,
.btn--large .btn__icon {
font-size: 3rem;
}
.btn--small .btn__text,
.btn--small .btn__icon {
font-size: 1rem;
}
.btn--circle {
border-radius: 50%;
padding: 0.5em;
}
.highlight {
font-size: 0.7em;
align-items: left;
color: red;
background-color: white;
padding: 0.5em;
border-color: black;
border-width: 3px;
border-radius: 1em;
}
.highlight > ul > li::before {
font-family: FontAwesome;
content: "\f054"; /* chevron-right */
padding-right: 1.1em;
margin-left: -2em;
}
.box--avatar > a {
opacity: 1;
}
.thumb--yt {
display: flex;
align-items: center;
justify-content: center;
background-repeat: no-repeat;
background-size: cover;
filter: brightness(0.8);
}
.thumb--yt:hover {
-webkit-filter: brightness(1);
cursor: pointer;
}
.thumb--yt > .play-button {
font-size: 3.5em;
color: red;
text-shadow: 3px 3px black;
}
.box__embed--disqus {
width: 90vw;
max-width: 800px;
}
.box__contact-info > * {
padding: 0.1em;
align-self: center;
}
.box__contact-info > * > * {
margin: 0.2em;
align-self: center;
}
/*turn off default bullets*/
.box--gallery {
list-style: none;
}
.box--gallery li,
.box--gallery__item {
padding: 0.2em;
}
/*turn off fontawesome bullets*/
.box--gallery li::before,
.box--gallery__item li::before {
display: none;
}
code {
font-size: 0.8em;
font-family: 'Roboto Mono', monospace;
background-color: black;
border-radius: 0.2em;
color: white;
padding-left: 0.2em;
padding-right: 0.2em;
padding-top: 0.05em;
padding-bottom: 0.07em;
overflow-x: scroll;
}
code.hljs {
font-size: 0.75em;
border-radius: 0.2em;
background-color: black;
color: white;
padding: 1em;
margin-bottom: 0.7em;
width: inherit;
max-width: 90vw;
border-style: solid;
border-width: 3px;
border-color: dimgrey;
}

View File

@ -62,7 +62,7 @@
<link href="/css/base.css" rel="stylesheet">
<link href="/css/page.css" rel="stylesheet">
<link href="/css/sections.css" rel="stylesheet">
<link href="/css/navbar.css" rel="stylesheet">
@ -93,7 +93,7 @@
.nav-bar__menu-item:hover, .nav-bar__menu-item >a:hover {color: cornflowerblue; }
.nav-bar, .section--footer { background-color: cornflowerblue; }
.nav-bar__container, .section--footer { background-color: cornflowerblue; }
.nav-bar__logo,.nav-bar__logo:hover, .nav-bar__menu, .nav-bar__menu-button, .section--footer { color: lightblue; }
.nav-bar__menu-item:hover, .nav-bar__menu-item >a:hover { background-color: lightblue; }
@ -110,7 +110,16 @@
#hero { color: darkblue; }
#hero { background-color: lightblue; }
#hero { text-shadow:
3px
3px
2px
#dddddd; }
#hero h1 { color: darkblue; }
#hero h2 { color: darkblue; }
#hero h3 { color: darkblue; }
@ -118,6 +127,7 @@
#hero hr { border-top-color: darkblue; }
#hero { background-image: url("https://www.prairiecityoregon.net/images/strawberrys.jpg"); }
@ -178,22 +188,21 @@
<link rel="stylesheet" href="/css/uci-shortcodes-custom.css">
<link rel="stylesheet" href="/css/uci-shortcodes.css">
<link rel="stylesheet" href="/css/custom.css">
<link rel="stylesheet" href="/css/custom-responsive.css">
</head>
<body>
<div id="nav-bar" class="nav-bar">
<div id="nav-bar">
<div class="nav-bar__container">
<div class="nav-bar__header">
<a href="#hero" class="nav-bar__logo">
Prairie City Oregon
</a>
<div class="nav-bar__menu-button"> <i class="fa fa-bars"></i></div>
<div class="nav-bar__draft"></div>
</div>
<ul class="nav-bar__menu hide-menu">
@ -254,9 +263,10 @@
</ul>
</div>
</div>
<div class="nav-bar-spacer"></div>
@ -270,9 +280,9 @@
<hr>
<h4> Info for Tourists</h4>
<h4> Information for</h4>
<h4> Info for Residents</h4>
<h4> Visitors and Residents</h4>
</div>
@ -299,10 +309,10 @@ style="color:; background-color:;"
;"
>
<p>Welcome to the Prairie City Oregon website. Nestled at the foot of the Strawberry Mountains, and straddling the Upper John Day River, Prairie City is the gateway to some of the most gorgeous and remote country in Eastern Oregon.</p>
<p>Originally founded where placer gold was found, cattle ranching, timber and tourism are the current mainstays.</p>
<p>If you are into motorcycles, ATVs, hunting, snowmobiling, bicycles, mountain bikes, hiking, backpacking or cross country skiing Prairie City is the hub of it all. With many hundreds of miles of paved roads, two tracks, single tracks, and trails you will never run out of places to explore. The adventure all begins and ends in Prairie City.</p>
<p>If you live here than this website contains resources to make life here even better.</p>
<p>Tourists are very welcome and encouraged to visit our beautiful valley with mountains all around. For a small town we have great accommodations including the super cool
<p>Originally established where placer gold was found, cattle ranching, timber and tourism are the current mainstays.</p>
<p>If you are into motorcycles, ATVs, hunting, snowmobiling, bicycles, mountain bikes, hiking, backpacking or cross country skiing, Prairie City is the hub of it all. Our valley is surrounded by mountains. Within National Forest, State and BLM lands there are hundreds of miles of paved and gravel roads, two-tracks, single tracks, and trails open to the public. You will never run out of places to explore! The adventure all begins and ends in Prairie City.</p>
<p>If you live here then this website contains resources to make life here even better.</p>
<p>Visitors are very welcome to come and explore. For a small town we have great accommodations including the super cool
@ -316,10 +326,9 @@ style="color:; background-color:;"
href="https://hotelprairie.com/">
Historic Hotel Prairie
Historic Hotel Prairie,
</a>,
the very nice and recently upgraded <a href="#depotrvpark">Depot RV Park</a> run by the City and numerous
</a> the very nice and recently upgraded <a href="#depotrvpark">Depot RV Park</a> run by the City, numerous
@ -336,7 +345,7 @@ href="https://www.airbnb.com/s/Prairie-City--OR--USA/homes?tab_id=home_tab&refin
AirBNBs
</a>
and other lodging. We have a few interesting shops and buildings and a historic restaurant The Oxbow. But best reason to visit is the excellent outdoor recreation opportunities.</p>
and other lodging. We have a few interesting shops and buildings and a historic restaurant, The Oxbow. But the best reason to visit is the excellent outdoor recreation opportunities.</p>
</div>
</div>
@ -438,13 +447,13 @@ style="
src="/images/Museum14sm.jpg" />
</a>
<div class="box__caption">Depost RV Park Museum</div>
<div class="box__caption">Depot RV Park Museum</div>
</div>
<p>Depot RV Park is adjacent to the DeWitt Museum just three blocks south on Main St from downtown (Hwy 26).</p>
<p>The former SVRR depot building which houses the museum is listed on the National register of historic places.</p>
<p>The RV park offers: full hookups for all spaces, a large covered gathering structure, WIFI, picnic area, playground and clean rest rooms with hot showers. All RV spaces were upgraded in 2020 with improved sewer, water and electric hookups which are now suitable for 4 season use. The RV park is managed by the city. From May to September the RV park has an on site host.</p>
<p>Depot RV Park is adjacent to the DeWitt Museum just three blocks south of downtown on Main Street (Hwy 26).</p>
<p>The former Sumpter Valley Railroad (SVRR) Depot building which houses the museum is listed on the National Register of Historic Places.</p>
<p>The RV park offers: full hookups for all spaces, a large covered gathering structure, WIFI, picnic area, playground and clean rest rooms with hot showers. All RV spaces were upgraded in 2020 with improved sewer, water and electric hookups which are now suitable for four-season use. The RV park is managed by the city. From May to September the RV park has an on-site host.</p>
<h2 id="rates">RATES</h2>
<ul>
<li>Full Hookup : $26/night, $680/month, Additional Vehicle $4</li>
@ -467,7 +476,7 @@ style="color:; background-color:;"
</div>
<div class="section__content section-content--gpcca" >
<p>This website and domain are hosted and maintained by the <a href="https://www.gpccaor.org">Greater Prairie City Community Association</a> (GPCCA).</p>
<p>To inform us about errors or to inquire about adding content to or links from this site for your business, organization or person see our <a href="https://www.gpccaor.org">website</a>. Links and content are free to anyone living in the greater Prairie City area.</p>
<p>Links and content are free for anyone living in the greater Prairie City area. Let us know if youd like to add content or links for your business or an organization/individual by contacting us via the <a href="https://www.gpccaor.org">GPCCA website</a>.</p>
@ -510,10 +519,11 @@ style="color:; background-color:;"
<h1></h1>
</div>
<div class="section__content section-content--footer" >
<div class="updated">
<p>To inform us about errors to this website see the <a href="https://www.gpccaor.org">GPCCA website</a>.</p>
<div class="updated">
site updated: October 30, 2021@11:14 am</br>
site updated: November 15, 2021@3:17 pm</br>
status: initial development</br>
</div>
@ -683,6 +693,10 @@ src="/images/green-landscape.jpg" />
<script src="/js/custom.js"></script>
<script src="/js/custom-docready.js"></script>

View File

@ -13,8 +13,8 @@
<guid>https://www.prairiecityoregon.net/sections/welcome/</guid>
<description>Welcome to the Prairie City Oregon website. Nestled at the foot of the Strawberry Mountains, and straddling the Upper John Day River, Prairie City is the gateway to some of the most gorgeous and remote country in Eastern Oregon.
Originally founded where placer gold was found, cattle ranching, timber and tourism are the current mainstays.
If you are into motorcycles, ATVs, hunting, snowmobiling, bicycles, mountain bikes, hiking, backpacking or cross country skiing Prairie City is the hub of it all.</description>
Originally established where placer gold was found, cattle ranching, timber and tourism are the current mainstays.
If you are into motorcycles, ATVs, hunting, snowmobiling, bicycles, mountain bikes, hiking, backpacking or cross country skiing, Prairie City is the hub of it all.</description>
</item>
<item>
@ -53,9 +53,9 @@ Fire Chief: Marvin Rynearson, PH: 541-620-4380</description>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://www.prairiecityoregon.net/sections/depotrvpark/</guid>
<description>Depost RV Park Museum Depot RV Park is adjacent to the DeWitt Museum just three blocks south on Main St from downtown (Hwy 26).
The former SVRR depot building which houses the museum is listed on the National register of historic places.
The RV park offers: full hookups for all spaces, a large covered gathering structure, WIFI, picnic area, playground and clean rest rooms with hot showers. All RV spaces were upgraded in 2020 with improved sewer, water and electric hookups which are now suitable for 4 season use.</description>
<description>Depot RV Park Museum Depot RV Park is adjacent to the DeWitt Museum just three blocks south of downtown on Main Street (Hwy 26).
The former Sumpter Valley Railroad (SVRR) Depot building which houses the museum is listed on the National Register of Historic Places.
The RV park offers: full hookups for all spaces, a large covered gathering structure, WIFI, picnic area, playground and clean rest rooms with hot showers.</description>
</item>
<item>
@ -65,7 +65,7 @@ The RV park offers: full hookups for all spaces, a large covered gathering struc
<guid>https://www.prairiecityoregon.net/sections/gpcca/</guid>
<description>This website and domain are hosted and maintained by the Greater Prairie City Community Association (GPCCA).
To inform us about errors or to inquire about adding content to or links from this site for your business, organization or person see our website. Links and content are free to anyone living in the greater Prairie City area.
Links and content are free for anyone living in the greater Prairie City area. Let us know if youd like to add content or links for your business or an organization/individual by contacting us via the GPCCA website.
Community Center The GPCCA exists to serve the people of Prairie City and the surrounding area.</description>
</item>
@ -89,7 +89,8 @@ https://dkebler.github.io/landingpage-guide#plugins </description>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://www.prairiecityoregon.net/sections/footer/</guid>
<description>site updated: October 30, 2021@11:14 am status: initial development </description>
<description>To inform us about errors to this website see the GPCCA website.
site updated: November 15, 2021@3:17 pm status: initial development </description>
</item>
<item>

View File

@ -1,3 +0,0 @@
function nothing() {
return false;
}

View File

@ -38,7 +38,7 @@ $('#cell').click(function () { $('#cell-number').toggleClass("hide"); });
function navbarSpacer() {
$('.nav-bar-spacer').css({
height: $(".nav-bar__header").outerHeight(true),
height: $("#nav-bar").outerHeight(true),
});
}

View File

@ -13,8 +13,8 @@
<guid>https://www.prairiecityoregon.net/sections/welcome/</guid>
<description>Welcome to the Prairie City Oregon website. Nestled at the foot of the Strawberry Mountains, and straddling the Upper John Day River, Prairie City is the gateway to some of the most gorgeous and remote country in Eastern Oregon.
Originally founded where placer gold was found, cattle ranching, timber and tourism are the current mainstays.
If you are into motorcycles, ATVs, hunting, snowmobiling, bicycles, mountain bikes, hiking, backpacking or cross country skiing Prairie City is the hub of it all.</description>
Originally established where placer gold was found, cattle ranching, timber and tourism are the current mainstays.
If you are into motorcycles, ATVs, hunting, snowmobiling, bicycles, mountain bikes, hiking, backpacking or cross country skiing, Prairie City is the hub of it all.</description>
</item>
<item>
@ -53,9 +53,9 @@ Fire Chief: Marvin Rynearson, PH: 541-620-4380</description>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://www.prairiecityoregon.net/sections/depotrvpark/</guid>
<description>Depost RV Park Museum Depot RV Park is adjacent to the DeWitt Museum just three blocks south on Main St from downtown (Hwy 26).
The former SVRR depot building which houses the museum is listed on the National register of historic places.
The RV park offers: full hookups for all spaces, a large covered gathering structure, WIFI, picnic area, playground and clean rest rooms with hot showers. All RV spaces were upgraded in 2020 with improved sewer, water and electric hookups which are now suitable for 4 season use.</description>
<description>Depot RV Park Museum Depot RV Park is adjacent to the DeWitt Museum just three blocks south of downtown on Main Street (Hwy 26).
The former Sumpter Valley Railroad (SVRR) Depot building which houses the museum is listed on the National Register of Historic Places.
The RV park offers: full hookups for all spaces, a large covered gathering structure, WIFI, picnic area, playground and clean rest rooms with hot showers.</description>
</item>
<item>
@ -65,7 +65,7 @@ The RV park offers: full hookups for all spaces, a large covered gathering struc
<guid>https://www.prairiecityoregon.net/sections/gpcca/</guid>
<description>This website and domain are hosted and maintained by the Greater Prairie City Community Association (GPCCA).
To inform us about errors or to inquire about adding content to or links from this site for your business, organization or person see our website. Links and content are free to anyone living in the greater Prairie City area.
Links and content are free for anyone living in the greater Prairie City area. Let us know if youd like to add content or links for your business or an organization/individual by contacting us via the GPCCA website.
Community Center The GPCCA exists to serve the people of Prairie City and the surrounding area.</description>
</item>
@ -89,7 +89,8 @@ https://dkebler.github.io/landingpage-guide#plugins </description>
<pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
<guid>https://www.prairiecityoregon.net/sections/footer/</guid>
<description>site updated: October 30, 2021@11:14 am status: initial development </description>
<description>To inform us about errors to this website see the GPCCA website.
site updated: November 15, 2021@3:17 pm status: initial development </description>
</item>
</channel>