pco-deployed/index.html

720 lines
19 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!DOCTYPE html>
<html lang="en">
<head>
<meta name="generator" content="Hugo 0.88.1" />
<title>Prairie City Oregon</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<meta http-equiv="Cache-Control" content="max-age= 3600" />
<base href="https://www.prairiecityoregon.net/">
<link href="https://cdn.jsdelivr.net/fontawesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
<link href="//fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Open%20Sans" rel="stylesheet" type="text/css">
<link href="//fonts.googleapis.com/css?family=Roboto" rel="stylesheet" type="text/css">
<link href="https://cdn.jsdelivr.net/lightgallery/1.3.9/css/lightgallery.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/lightgallery/1.3.9/css/lg-transitions.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.6.16/css/perfect-scrollbar.min.css" type="text/css" media="screen" />
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.10.0/styles/default.min.css">
<link href="/css/base.css" rel="stylesheet">
<link href="/css/sections.css" rel="stylesheet">
<link href="/css/navbar.css" rel="stylesheet">
<link href="/css/responsive.css" rel="stylesheet">
<style>
body { font-family:Open Sans,Helvetica,Arial,sans-serif; }
.nav-bar__menu-item:hover, .nav-bar__menu-item >a:hover {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; }
#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; }
#hero h4 { color: darkblue; }
#hero hr { border-top-color: darkblue; }
#hero { background-image: url("https://www.prairiecityoregon.net/images/strawberrys.jpg"); }
.section--odd, .section--even .btn {
color: darkblue;
background-color: lightblue;
}
.section--even, .section--odd .btn {
color: lightblue;
background-color: darkblue;
}
.section--footer {
color: white;
background-color: cornflowerblue;
}
</style>
<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">
<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>
<ul class="nav-bar__menu hide-menu">
<li >
<a class="nav-bar__menu-item" href="#welcome">
About
</a>
</li>
<li >
<a class="nav-bar__menu-item" href="#where">
Where
</a>
</li>
<li >
<a class="nav-bar__menu-item" href="#city">
City Hall
</a>
</li>
<li >
<a class="nav-bar__menu-item" href="#depotrvpark">
RV-Park
</a>
</li>
<li >
<a class="nav-bar__menu-item" href="#gpcca">
GPCCA
</a>
</li>
<li >
<a class="nav-bar__menu-item" href="#footer">
</a>
</li>
</ul>
</div>
</div>
<div class="nav-bar-spacer"></div>
<section id="hero" class="section section--hero">
<div class="section__container" >
<div class="section__content section__content--hero" >
<h1>Prairie City Oregon</h1>
<h2>Gateway to the Strawberry Mountains</h2>
<hr>
<h4> Information for</h4>
<h4> Visitors and Residents</h4>
</div>
</div>
</section>
<main class="sections">
<section id="welcome" class="section section--welcome section--odd"
style="color:; background-color:;"
>
<div class="section__container">
<div class="section__headline section__headline--welcome">
<h1>Welcome</h1>
</div>
<div class="section__content section-content--welcome"
style="align-items:
flex-start
;"
>
<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 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
<a target="_blank"
href="https://hotelprairie.com/">
Historic Hotel Prairie,
</a> the very nice and recently upgraded <a href="#depotrvpark">Depot RV Park</a> run by the City, numerous
<a target="_blank"
href="https://www.airbnb.com/s/Prairie-City--OR--USA/homes?tab_id=home_tab&refinement_paths%5B%5D=%2Fhomes&query=Prairie%20City%2C%20OR%2C%20United%20States&flexible_trip_dates%5B%5D=december&flexible_trip_dates%5B%5D=november&flexible_trip_lengths%5B%5D=weekend_trip&date_picker_type=calendar&ne_lat=44.46412035967319&ne_lng=-118.69466918486421&sw_lat=44.44741758676581&sw_lng=-118.73122525512724&zoom=15&search_by_map=true&search_type=user_map_move">
AirBNBs
</a>
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>
</section>
<section id="where" class="section section--where section--even"
style="color:; background-color:;"
>
<div class="section__container">
<div class="section__headline section__headline--where">
<h1>Where</h1>
</div>
<div class="section__content section-content--where" >
<div class="box box--maps ">
<div class="box box--embed embed--map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d4929.435187198253!2d-118.71303275251256!3d44.46150085195769!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54bafe14999a0453%3A0x323f154572634beb!2sPrairie%20City%2C%20OR%2097869!5e0!3m2!1sen!2sus!4v1635300577077!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
<div class="box box--embed embed--map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1793120.4744903366!2d-121.43847415363439!3d44.183583967638086!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54bafe14999a0453%3A0x323f154572634beb!2sPrairie%20City%2C%20OR%2097869!5e0!3m2!1sen!2sus!4v1635300651517!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</div>
</div>
</div>
</section>
<section id="city" class="section section--city section--odd"
style="color:; background-color:;"
>
<div class="section__container">
<div class="section__headline section__headline--city">
<h1>City of Prairie City</h1>
</div>
<div class="section__content section-content--city" >
<p>Incorporated in 1891, Prairie City is a municipality of about 950 residents.</p>
<div class="box box--column box--block ">
<p>133 Bridge Street<br>
Prairie City, Oregon 97869</p>
<p>PH: 541-820-3605, FAX: 541-820-3566<br>
EMAIL: <a href="mailto:pchall@ortelco.net">pchall@ortelco.net</a></p>
</div>
<h2 id="officials">OFFICIALS</h2>
<p><strong>Mayor:</strong> Jim Hamsher</p>
<p><strong>City Council Members:</strong></p>
<p>Candy Reagan, Brook Williams,
Scott Officer, Chase McClung, Jennifer Shaw, Chase Bloom</p>
<h2 id="staff">STAFF</h2>
<p>City Recorder/Administrator: Shoalie Oakes</p>
<p>Public Works Director: Chris Camarena, PH: 541-620-3100<br>
Public Works Supervisor: Tom Gangler<br>
Public Works Technician: Andy Hutsell</p>
<p>Fire Chief: Marvin Rynearson, PH: 541-620-4380</p>
<p>Museum Director: Bob Shive</p>
<h2 id="links-future">LINKS (future)</h2>
<ul>
<li>City Council Meeting Agenda and Past Minutes</li>
<li>Special Events Calendar</li>
<li>Mapping and Plats</li>
<li>Depot RV Park and Museum</li>
<li>Online Utilities Bill Pay</li>
<li>Public Works</li>
</ul>
</div>
</div>
</section>
<section id="depotrvpark" class="section section--depotrvpark section--even"
style="color:; background-color:;"
>
<div class="section__container">
<div class="section__headline section__headline--depotrvpark">
<h1>Depot RV Park and Museum</h1>
</div>
<div class="section__content section-content--depotrvpark" >
<div class="box box--column box--image
"
style="
"
>
<a href="/images/Museum14sm.jpg" target="_blank" >
<img
style="
"
src="/images/Museum14sm.jpg" />
</a>
<div class="box__caption">Depot RV Park Museum</div>
</div>
<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>
<li>Tent with Car or Motorcycle $14/night</li>
<li>Tent with Bicycle or Hiker $8/night</li>
<li>Sewage Dump $5</li>
</ul>
</div>
</div>
</section>
<section id="gpcca" class="section section--gpcca section--odd"
style="color:; background-color:;"
>
<div class="section__container">
<div class="section__headline section__headline--gpcca">
<h1>GPCCA</h1>
</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>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>
<div class="box box--column box--image
"
style="
"
>
<a href="https://gpccaor.org" target="_blank" >
<img
style="
"
src="/images/community-center.jpg" />
</a>
<div class="box__caption">Community Center</div>
</div>
<p>The GPCCA exists to serve the people of Prairie City and the surrounding area. The GPCCA also owns and maintains the Community Center for the benefit and use of all.</p>
</div>
</div>
</section>
<section id="footer" class="section section--footer section--even"
style="color:; background-color:;"
>
<div class="section__container">
<div class="section__headline section__headline--footer">
<h1></h1>
</div>
<div class="section__content section-content--footer" >
<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: November 15, 2021@3:17 pm</br>
status: initial development</br>
</div>
</div>
</div>
</section>
<div id="modal-test" class="section section--modal">
<div class="section__container section__container--modal">
<div class="section__headline section__headline--modal">
<h1>Example Modal</h1>
</div>
<div class="section__content section__content--modal" >
<p>Here is how you can add additional content to your page without having it take up space&hellip;use a modal!</p>
<p>To do that make a .md file in the <code>content/modals</code> directory.</p>
<p>Put any markdown content in it including shortcodes.</p>
<p>Then just link to it in a section markdown file using the link shortcode.</p>
<p><strong>example</strong></p>
<pre tabindex="0"><code>{{&lt; link url=&quot;#modal-test&quot; text=&quot;A test modal&quot; type=&quot;btn&quot; display=&quot;modal&quot; &gt;}}
</code></pre><p>where there is a file <code>test.md</code> in the <code>content/modals directory</code></p>
<p>and the url is `url=&quot;#modal-&lt;modal file name without .md&gt;&quot;``</p>
</div>
</div>
</div>
<div id="modal-map" class="section section--modal">
<div class="section__container section__container--modal">
<div class="section__headline section__headline--modal">
<h1>More Markdown</h1>
</div>
<div class="section__content section__content--modal" style="align-items: center;" >
<h3 id="and-now-for-the-rest-of-the-show">And now for the rest of the show</h3>
<div class="box ">
<div class="box box--column ">
<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ul>
</div>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-markdown" data-lang="markdown"><span style="color:#66d9ef">*</span> One
<span style="color:#66d9ef">*</span> Two
<span style="color:#66d9ef">*</span> Three
</code></pre></div></div>
<hr>
<div class="box ">
<div class="box box--column ">
<ol>
<li>Buy flour and salt</li>
<li>Mix together with water</li>
<li>Bake</li>
</ol>
</div>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-markdown" data-lang="markdown"><span style="color:#66d9ef">1.</span> Buy flour and salt
<span style="color:#66d9ef">1.</span> Mix together with water
<span style="color:#66d9ef">1.</span> Bake
</code></pre></div></div>
<hr>
<p>Monspaced Font Box:</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-markdown" data-lang="markdown">Monospaced type box primarily for showing code
Indent three or enclose in```
</code></pre></div><p>or put it <code>inline</code> like this</p>
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4"><code class="language-markdown" data-lang="markdown">or put it <span style="color:#e6db74">`inline`</span> like this
</code></pre></div><hr>
<p>a separator line <br>
* * *</p>
<hr>
<p>This is <a href="http://example.com" title="example">an example</a> simple markdown link.</p>
<p><a href="http://example.com">This link</a> has no title attr.</p>
<p>This is [an example] <a href="http://example.com" title="Optional Title">someid</a> reference-style link.</p>
<pre><code>This is [an example](http://example.com &quot;Example&quot;) link.
[This link](http://example.com) has no title attr.
This is [an example] [id] reference-style link.
[id]: http://example.com &quot;Optional Title&quot;
</code></pre>
<p>Use the link plugin shortcode for doing more fancy things.</p>
<a
class="box box--btn btn btn--regular"
href="javascript:void( window.open('https://dkebler.github.io/landingpage-guide', 'blank', 'scrollbars=yes, toolbar=no, width=1000 ' ))">
<i class="btn__icon fa fa-space-shuttle"></i>
<div class="btn__text">A Button Styled Link with icon opens in window</div>
</a>
<hr>
<p>You can put images from external sources in this way</p>
<p><img src="http://placehold.it/200x50" alt="Alt Text" title="Image Title"></p>
<pre><code>![Alt Text](http://placehold.it/200x50 &quot;Image Title&quot;)
</code></pre>
<p>but it&rsquo;s probably better to use the plugin shortcode for your images</p>
<div class="box box--column box--image
"
style="
"
>
<div class="box__title">Where I Want To Be</div>
<a href="/images/green-landscape.jpg" target="_blank" >
<img
style="
"
src="/images/green-landscape.jpg" />
</a>
<div class="box__caption">Sure is Green</div>
</div>
<pre tabindex="0"><code>{{&lt; image filename=&quot;green-landscape.jpg&quot; title=&quot;Where I Want To Be&quot; caption=&quot;Sure is Green&quot; &gt;}}
</code></pre>
</div>
</div>
</div>
</main>
<script src="https://cdn.jsdelivr.net/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/g/lightgallery,lg-autoplay,lg-pager,lg-thumbnail,lg-video"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.perfect-scrollbar/0.6.16/js/perfect-scrollbar.jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.10.0/highlight.min.js"></script>
<script src="/js/util.js"></script>
<script src="/js/fitToWindow.js"></script>
<script src="/js/flowType.js"></script>
<script src="/js/youtube.js"></script>
<script src="/js/page.js"></script>
<script src="/js/docready.js"></script>
<script src="/js/custom.js"></script>
<script src="/js/custom-docready.js"></script>
<script>
$(document).ready(function () {
lightgallery('#photos')
});
</script>
<script>
$(document).ready(function () {
lightgallery('.box--image-lightbox')
});
</script>
</body>
</html>