gpcca
/
pco-deployed
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
pco-deployed/index.html

600 lines
16 KiB
HTML
Raw Blame History

<!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/page.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, .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 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: black;
}
</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">
</head>
<body>
<div id="nav-bar" class="nav-bar">
<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="#gpcca">
GPCCA
</a>
</li>
<li >
<a class="nav-bar__menu-item" href="#footer">
</a>
</li>
</ul>
</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> Info for Tourists</h4>
<h4> Info for 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" >
<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. 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 Historic Hotel Prairie, the very nice and recently upgraded Depot RV Park run by the City and numerous AirBNBs 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>
<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>
</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="gpcca" class="section section--gpcca section--even"
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 <em><strong>Greater Prairie City Community Association</strong></em> (GPCCA).</p>
<p>To inform us about errors or to inquire about adding content to or links from this site for your business, organization, person see our website at <a href="https://gpccaor.org">https://gpccaor.org</a>. Links and content are free to anyone living in the greater Prairie City area.</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--odd"
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>Last Updated: 10/26/2021 @ 21:38:<br>
Status: In Initial Development</p>
</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>
$(document).ready(function () {
lightgallery('#photos')
});
</script>
<script>
$(document).ready(function () {
lightgallery('.box--image-lightbox')
});
</script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink