gpccaor-deployed/index.html

737 lines
21 KiB
HTML
Raw Normal View History

2021-10-30 07:52:57 -07:00
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="generator" content="Hugo 0.88.1" />
<title>GPCCA</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.gpccaor.org/">
<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">
2021-11-19 10:39:51 -08:00
<link href="/css/sections.css" rel="stylesheet">
2021-10-30 07:52:57 -07:00
<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: #26ad60; }
2021-11-19 10:39:51 -08:00
.nav-bar__container, .section--footer { background-color: #26ad60; }
2021-10-30 07:52:57 -07:00
.nav-bar__logo,.nav-bar__logo:hover, .nav-bar__menu, .nav-bar__menu-button, .section--footer { color: #1f5e3a; }
.nav-bar__menu-item:hover, .nav-bar__menu-item >a:hover { background-color: #1f5e3a; }
2021-11-19 10:39:51 -08:00
#hero { color: #26ad60; }
2021-10-30 07:52:57 -07:00
#hero { background-color: #6fc695; }
2021-11-19 10:39:51 -08:00
#hero { text-shadow:
4px
3px
1px
black; }
#hero h1 { color: #26ad60; }
#hero h2 { color: #26ad60; }
#hero h3 { color: #26ad60; }
#hero h4 { color: #26ad60; }
#hero hr { border-top-color: #26ad60; }
2021-10-30 07:52:57 -07:00
2021-11-19 10:39:51 -08:00
2021-10-30 07:52:57 -07:00
#hero { background-image: url("https://www.gpccaor.org/images/city-park.jpg"); }
.section--odd, .section--even .btn {
color: #1f5e3a;
background-color: #6fc695;
}
.section--even, .section--odd .btn {
color: #6fc695;
background-color: #1f5e3a;
}
.section--footer {
color: green;
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>
2021-11-19 10:39:51 -08:00
<div id="nav-bar">
<div class="nav-bar__container">
<div class="nav-bar__header">
<a href="#hero" class="nav-bar__logo">
GPCCA
</a>
<div class="nav-bar__menu-button"> <i class="fa fa-bars"></i></div>
</div>
2021-10-30 07:52:57 -07:00
<ul class="nav-bar__menu hide-menu">
<li >
<a class="nav-bar__menu-item" href="#about">
About
</a>
</li>
2021-11-19 10:39:51 -08:00
<li >
<a class="nav-bar__menu-item" href="#cc">
Community-Center
</a>
</li>
<li >
<a class="nav-bar__menu-item" href="#pco">
PCO
</a>
</li>
<li >
<a class="nav-bar__menu-item" href="#services">
Services
</a>
</li>
<li >
<a class="nav-bar__menu-item" href="#volunteer">
Helping
</a>
</li>
<li >
<a class="nav-bar__menu-item" href="#donate">
Donate
</a>
</li>
<li >
<a class="nav-bar__menu-item" href="#contact">
Contact
</a>
</li>
2021-10-30 07:52:57 -07:00
</ul>
2021-11-19 10:39:51 -08:00
</div>
2021-10-30 07:52:57 -07:00
</div>
2021-11-19 10:39:51 -08:00
2021-10-30 07:52:57 -07:00
<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>Greater Prairie City Community Association</h1>
<h2>GPCCA</h2>
<hr>
2021-11-19 10:39:51 -08:00
<h4> Serving</h4>
<h4> Prairie City, Oregon</h4>
2021-10-30 07:52:57 -07:00
</div>
</div>
</section>
<main class="sections">
<section id="about" class="section section--about section--odd"
style="color:; background-color:;"
>
<div class="section__container">
<div class="section__headline section__headline--about">
<h1>The GPCCA</h1>
</div>
<div class="section__content section-content--about" >
2021-11-19 10:39:51 -08:00
<p>The Greater Prairie City Community Association (GPCCA) was born as a non-profit 501(c)(3) out of the need to have a non-profit organization receive the generous donation of the iconic Methodist Church at the south end of the City Park. The church is now referred to as the <strong>Community Center</strong>. The GPPCA also committed to serving the needs of the community beyond just managing the Community Center building.</p>
<p>Recently, after a few years hiatus, the GPCCA is again active with a new crop of volunteers and purpose. We&rsquo;re calling it GPCCA 2.0. The new websites and new streaming a/v equipment at the Community Center are just a couple improvements already available for the community.</p>
</div>
</div>
</section>
<section id="cc" class="section section--cc section--even"
style="color:; background-color:;"
>
<div class="section__container">
<div class="section__headline section__headline--cc">
<h1>Community Center</h1>
</div>
<div class="section__content section-content--cc" >
2021-10-30 07:52:57 -07:00
2021-11-19 10:39:51 -08:00
<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 owns and maintains the former Methodist Church as a Community Center. Residents and others are encouraged to make use of the building for meetings and events.</p>
<p>We recently added internet access to the Community Center which is available to the public when using the building. We also put in about $1,000 of upgrades to the audio/visual (A/V) system which already had a large projector and giant screen. With training or assistance you can stream any content off the internet including movies from your phone, laptop, or our computer, use bluetooth/wifi for audio playback (e.g. spotify), play a DVD movie or CD audio, and use the wireless microphones. All audio is patched through the speakers at the front.</p>
<p>In a break from the past, greater Prairie City residents who would like to use the Community Center for their event or meeting can do so without a fee. Instead we have developed &ldquo;suggested donation for use&rdquo; guidelines.</p>
<p>If you are not a greater Prairie City resident and want to have an event or meeting, we have some very reasonable rental rates.</p>
<p>In an ideal world the GPCCA would be able to cover the cost of insurance, upkeep, utilities, equipment and improvements without donations, but the truth is we need at least some income to cover these beyond what grants can. Event insurance which covers your event or meeting costs the association $1,400 per year alone. So if you use YOUR Community Center we hope you will take good care of it, leave it like you found it, and make a donation for use.</p>
<h2 id="use-donation-or-fee">Use Donation or Fee</h2>
<h3 id="greater-prairie-city-residents-only">Greater Prairie City Residents only</h3>
<ul>
<li>Your event/meeting is open to the public and no fee is charged (e.g. open to anyone free movie night). Suggested Donation: $10 part day (morning, afternoon or evening), $20 all day.</li>
<li>Your event/meeting is open to the public and a fee or donation is collected (e.g. open to anyone knitting class for $10 each). Suggested Donation: $10 part day (morning, afternoon, or evening) plus 20% of revenue; $20 all day plus 20% of revenue.</li>
<li>Private Event (e.g. birthday party) Suggested Donation: $30 part day (morning, afternoon or evening); $60 all day; or if a wedding $180 for three days (extra two days for setup and cleanup).</li>
</ul>
<h3 id="non-residents">Non-Residents</h3>
<p>Rental fee is required. (Double those amounts for residents). Weddings require 3 day rental ($360).</p>
<div class="box box--column box--image
"
style="
"
>
<a href="https://gpccaor.org" target="_blank" >
<img
style="
"
src="/images/community-center-inside.jpg" />
</a>
<div class="box__caption">Inside the Community Center</div>
</div>
</div>
</div>
</section>
<section id="pco" class="section section--pco section--odd"
style="color:; background-color:;"
>
<div class="section__container">
<div class="section__headline section__headline--pco">
<h1>prairiecityoregon domains</h1>
</div>
<div class="section__content section-content--pco" >
<p>The GPCCA owns and (now!) maintains the domains <strong>prairiecityoregon.[com|net|org]</strong>. We already have a webpage at new <a href="http://www.prairiecityoregon.net">www.prairiecityoregon.net</a> and the hope is to greatly expand the content there. These domains are managed for the benefit of all residents. As such this is a FREE resource to the community and community businesses to get exposure and make available important information and resources. Eventaully we want to host an events calendar too. So how can we help you, your organization or business? See the section on <a href="/#services">services</a> below.</p>
</div>
</div>
</section>
<section id="services" class="section section--services section--even"
style="color:; background-color:;"
>
<div class="section__container">
<div class="section__headline section__headline--services">
<h1>Services</h1>
</div>
<div class="section__content section-content--services" >
<h2 id="web-services">Web Services</h2>
<p>Since we own, host and maintain the <strong>prairiecityoregon.[com|net|org]</strong> domains we can help you and/or your business with web services.</p>
<ul>
<li>link to your webpage from <a href="https://www.prairiecityoregon.net">www.prairiecityoregon.net</a></li>
<li>your webpage hosted by us. Example: <strong>mybusiness.prairiecityoregon.com</strong></li>
<li>help developing your webpage</li>
</ul>
<h2 id="grants">Grants</h2>
<p>If your organization would like to apply for a grant which requires it to have non-profit status, you could have the GPCAA apply in your behalf. If you don&rsquo;t have grant writing experience we have volunteers who can help you.</p>
<h2 id="fees">Fees</h2>
<p>Our services are free to residents but we do ask for a commensurate donation.</p>
</div>
</div>
</section>
<section id="volunteer" class="section section--volunteer section--odd"
style="color:; background-color:;"
>
<div class="section__container">
<div class="section__headline section__headline--volunteer">
<h1>Volunteering</h1>
</div>
<div class="section__content section-content--volunteer" >
<p>Essentially nothing happens without volunteers. The GPCCA has NO paid board members, officers, or employees.</p>
<p>We have need of folks to do</p>
<ul>
<li>cleaning</li>
<li>repairs and improvements (plumbing, carpentry, electrical)</li>
<li>landscaping</li>
<li>tech support/geeky stuff (A/V, networking, SYSOP, IOT, webmastery)</li>
<li>editing, graphics</li>
<li>accounting</li>
</ul>
<p>If you have experience, great!! If you can help with some guidance, great!!</p>
<p>Please reach out and/or attend our next monthly meeting (1st Wed each month 6:30pm)</p>
</div>
</div>
</section>
<section id="donate" class="section section--donate section--even"
style="color:; background-color:;"
>
<div class="section__container">
<div class="section__headline section__headline--donate">
<h1>Donate</h1>
</div>
<div class="section__content section-content--donate" >
<p>The GPCCA has successfully secured grants and will secure more for equipment, repairs and improvements to the Community Center and other projects. The expenses that grants don&rsquo;t cover are the reoccurring expenses (electric, heating oil, insurance). It is for these expenses we ask the community for donations.</p>
<ul>
<li>Heating Fuel Oil ~$1000 for the season</li>
<li>Building Insurance $100/month</li>
<li>Event Liability Insurance $120/month<br>
Covers all events at the Community Center or sponsored by the GPCCA</li>
<li>Electricity ~$100/month</li>
<li>Water and Sewer are donated by the City!</li>
</ul>
<p>You can donate by mailing a check (see address below), making a deposit at the Bank of Eastern Orgeon, or clicking our online donate button below (debit or credit cards, visa/mc or paypal accepted).</p>
<p>Any donation no matter how small is appreciated.</p>
<div id="donate-button-container">
<div id="donate-button"></div>
<script src="https://www.paypalobjects.com/donate/sdk/donate-sdk.js" charset="UTF-8"></script>
<script>
PayPal.Donation.Button({
env:'production',
hosted_button_id:'PRXNJ574R7QUA',
image: {
src:'https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif',
alt:'Donate with PayPal button',
title:'PayPal - The safer, easier way to pay online!',
}
}).render('#donate-button');
</script>
</div>
</div>
</div>
</section>
<section id="contact" class="section section--contact section--odd"
style="color:; background-color:;"
>
<div class="section__container">
<div class="section__headline section__headline--contact">
<h1>Contact</h1>
</div>
<div class="section__content section-content--contact" >
<p>The GPCCA board meets the <strong>1st Wednesday of every month at 6:30pm</strong> at the Community Center. Volunteers and the Public are strongly encouraged to attend to keep abreast of GPCCA activities and to give input. To confirm the meeting date and time just reach out.</p>
<p>Greater Prairie City Community Association<br>
PO Box 758<br>
211 6th<br>
Prairie City, OR 97869<br>
(541) 306-2334<br>
<a href="mailto:gpccaor@gmail.com">gpccaor@gmail.com</a></p>
<h2 id="board-members">Board Members</h2>
<h2 id="officers">Officers</h2>
<p>Sharon Frisch: President<br>
David Kebler: Secretary/Treasurer</p>
<h2 id="volunteers">Volunteers</h2>
<p>Trish Lindaman<br>
Jerry Galland<br>
Karen Jacobs</p>
2021-10-30 07:52:57 -07:00
</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" >
<div class="updated">
2021-11-19 10:39:51 -08:00
<p>site updated: November 19, 2021@10:37 am</br>
status: Commit 73d59cb6</br></p>
2021-10-30 07:52:57 -07:00
</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>
$(document).ready(function () {
lightgallery('#photos')
});
</script>
<script>
$(document).ready(function () {
lightgallery('.box--image-lightbox')
});
</script>
</body>
</html>