Initial commit of PgDU templates
authorStephen Frost <sfrost@snowman.net>
Sat, 15 Sep 2018 15:09:28 +0000 (11:09 -0400)
committerStephen Frost <sfrost@snowman.net>
Sat, 15 Sep 2018 15:09:28 +0000 (11:09 -0400)
16 files changed:
README.rst [new file with mode: 0644]
media/pgdu/css/style.css [new file with mode: 0644]
media/pgdu/images/facebook.png [new file with mode: 0644]
media/pgdu/images/mstile-310x310.png [new file with mode: 0644]
media/pgdu/images/team1.jpg [new file with mode: 0644]
media/pgdu/images/team2.jpg [new file with mode: 0644]
media/pgdu/images/team3.jpg [new file with mode: 0644]
media/pgdu/images/team4.jpg [new file with mode: 0644]
media/pgdu/images/team5.jpg [new file with mode: 0644]
media/pgdu/images/team6.jpg [new file with mode: 0644]
media/pgdu/images/twitter.png [new file with mode: 0644]
media/pgdu/js/main.js [new file with mode: 0644]
template/base.html [new file with mode: 0644]
template/base_pgdu.html [new file with mode: 0644]
template/index.html [new file with mode: 0644]
template/orig.html [new file with mode: 0644]

diff --git a/README.rst b/README.rst
new file mode 100644 (file)
index 0000000..2609c96
--- /dev/null
@@ -0,0 +1,12 @@
+The PostgreSQL Down Under Incorporated website
+==============================================
+
+These are the PgDU templates which override the PgEU templates.
+
+License
+-------
+
+The code for the website is licensed under `The PostgreSQL Licence
+<http://www.opensource.org/licenses/postgresql>`_, which is closely related to
+the BSD license.
+
diff --git a/media/pgdu/css/style.css b/media/pgdu/css/style.css
new file mode 100644 (file)
index 0000000..34d3e66
--- /dev/null
@@ -0,0 +1,218 @@
+body {
+  margin: 0; /*turning margin off as default*/
+  min-height: 100vh;
+  font-size: 1em;
+  display: flex;
+  flex-direction: column; /*default flex direction is row*/
+  font-family: 'Verdana', sans-serif;
+}
+
+header img {
+  width: 120px;
+  height: 120px;
+}
+
+header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center; /*vertical centering*/
+  padding: 10px 40px;
+  background: linear-gradient(to bottom, #ccc, white);
+}
+
+header ul {
+  display: flex;
+  margin: 0; /*taking the margin and padding ul default size off*/
+  padding: 0;
+  list-style-type: none;
+}
+
+header li {
+  padding: 2.5em;
+}
+
+header li a {
+  color: #333;
+  text-decoration: none;
+}
+
+main {
+  padding: 2em;
+  line-height: 1.1;
+  display: flex;
+  justify-content: space-between;
+  align-items: stretch; /*vertical centering*/
+  flex-grow: 1;
+}
+
+h2 {
+  font-size: 1em;
+  text-align: center;
+}
+
+main section {
+  flex-grow: 1;
+  flex-basis: 33%;
+  padding: 20px;
+  border-right: solid 1px #b9b9b9;
+  text-align: justify;
+}
+
+main section:last-child {
+  border-right: 0;
+}
+
+main section ul li {
+  list-style: square;
+}
+
+main section ul li a {
+  color: #333;
+}
+
+@keyframes bounce {
+  0%,
+  20%,
+  40%,
+  60%,
+  80%,
+  100% {
+    transform: translateY(0);
+  }
+  50% {
+    transform: translateY(-10px);
+  }
+}
+
+.button {
+  animation-name: bounce;
+  animation-duration: 2s;
+  animation-iteration-count: infinite;
+  position:absolute;
+  right: 20px;
+  bottom: 20px;
+  background-color: #666;
+  border-radius: 5px;
+  padding: 10px 65px 15px 65px;
+  cursor: pointer;
+}
+
+.member-button {
+  text-decoration: none;
+  color: #fff;
+  font-size: 16px;
+  font-weight: 500;
+}
+
+.hidden-menu {
+  display: none;
+  position: absolute;
+  right: 20px;
+  bottom: 100px;
+  background-color: #666;
+  border-radius: 5px;
+  padding: 25px;
+}
+
+.hidden-menu-buttons {
+  display: flex;
+  flex-direction: column;
+  text-align: left;
+}
+
+.hidden-menu-buttons a {
+  cursor: pointer;
+}
+
+footer {
+  background: linear-gradient(to bottom, white, #ccc);
+  min-height: 15vh;
+  color: #666;
+}
+
+footer ul {
+  margin: 0; /*taking the margin and padding ul default size off */
+  padding: 0;
+  list-style-type: none;
+  display: flex;
+  justify-content: center;
+}
+
+footer li {
+  margin: 5px 10px;
+}
+
+h3 {
+  font-size: 0.8em;
+  text-align: center;
+}
+
+footer p {
+  font-size: 0.6em;
+  text-align: center;
+}
+
+@media screen and (min-width: 1024px) {
+  body {
+    font-size: 1.25em;
+  }
+
+a:hover {
+  text-shadow: 2px 2px #aaa;
+}
+
+.title {
+  margin-top: 20px;
+}
+
+.team-section{
+  min-height: 400px;
+  text-align: center;
+  overflow: hidden;
+  background:#34495e;
+  padding:60px;
+  display:flex;
+}
+
+
+.our-team{
+  margin-top: 100px;
+}
+
+.our-team .pic{
+      display: inline-block;
+      width: 85%;
+      height: 85%;
+      padding: 5px;
+      margin-bottom: 1px;
+      transition: all 0.5s ease 0s;
+  }
+.our-team:hover .pic{
+      background: #17bebb;
+      border-radius: 70%;
+  }
+
+  .pic img{
+      width: 100%;
+      height: auto;
+      border-radius: 50%;
+  }
+
+  .our-team .title{
+      display: block;
+      font-size: 15px;
+      font-weight: 600;
+      color: white;
+      margin: 0 0 7px 0;
+  }
+  .our-team .post{
+      display: block;
+      font-size: 15px;
+      color: #17bebb;
+      text-transform: capitalize;
+      margin-bottom: 15px;
+  }
+
+  @media only screen and (max-width: 990px){
+      .our-team{ margin-bottom: 30px; }
+  }
diff --git a/media/pgdu/images/facebook.png b/media/pgdu/images/facebook.png
new file mode 100644 (file)
index 0000000..269e263
Binary files /dev/null and b/media/pgdu/images/facebook.png differ
diff --git a/media/pgdu/images/mstile-310x310.png b/media/pgdu/images/mstile-310x310.png
new file mode 100644 (file)
index 0000000..afca5b3
Binary files /dev/null and b/media/pgdu/images/mstile-310x310.png differ
diff --git a/media/pgdu/images/team1.jpg b/media/pgdu/images/team1.jpg
new file mode 100644 (file)
index 0000000..a36b0b4
Binary files /dev/null and b/media/pgdu/images/team1.jpg differ
diff --git a/media/pgdu/images/team2.jpg b/media/pgdu/images/team2.jpg
new file mode 100644 (file)
index 0000000..b4b26cb
Binary files /dev/null and b/media/pgdu/images/team2.jpg differ
diff --git a/media/pgdu/images/team3.jpg b/media/pgdu/images/team3.jpg
new file mode 100644 (file)
index 0000000..d956b29
Binary files /dev/null and b/media/pgdu/images/team3.jpg differ
diff --git a/media/pgdu/images/team4.jpg b/media/pgdu/images/team4.jpg
new file mode 100644 (file)
index 0000000..01a67b3
Binary files /dev/null and b/media/pgdu/images/team4.jpg differ
diff --git a/media/pgdu/images/team5.jpg b/media/pgdu/images/team5.jpg
new file mode 100644 (file)
index 0000000..5723ae8
Binary files /dev/null and b/media/pgdu/images/team5.jpg differ
diff --git a/media/pgdu/images/team6.jpg b/media/pgdu/images/team6.jpg
new file mode 100644 (file)
index 0000000..4d8f7f0
Binary files /dev/null and b/media/pgdu/images/team6.jpg differ
diff --git a/media/pgdu/images/twitter.png b/media/pgdu/images/twitter.png
new file mode 100644 (file)
index 0000000..a7f299c
Binary files /dev/null and b/media/pgdu/images/twitter.png differ
diff --git a/media/pgdu/js/main.js b/media/pgdu/js/main.js
new file mode 100644 (file)
index 0000000..55c9b13
--- /dev/null
@@ -0,0 +1,14 @@
+$(document).ready(function() {
+  $('.member-button').on('click', function() {
+    if ($('.hidden-menu:visible').length === 0) {
+      $('.hidden-menu').fadeIn();
+    } else {
+      $('.hidden-menu').fadeOut();
+    }
+    $('.button').css(
+      'boxShadow',
+      $('.button').css('boxShadow') === 'none' ? '0 0 20px #333' : 'none'
+    );
+    $(this).css('opacity', $(this).css('opacity') == '0.6' ? 1 : 0.6);
+  });
+});
diff --git a/template/base.html b/template/base.html
new file mode 100644 (file)
index 0000000..18e7acc
--- /dev/null
@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+
+<head>
+  <meta charset="utf-8">
+  <title>PgDU - {%block title%}{%endblock%}</title>
+  <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
+  <link rel="stylesheet" href="/media/pgdu/css/style.css">
+  {%block extrahead%}{%endblock%}
+</head>
+
+<body>
+  <header>
+    <img src="/media/pgdu/images/mstile-310x310.png" alt="elephant">
+
+    <nav>
+      <ul>
+        <li>
+          <a href="#">About</a>
+        </li>
+        <li>
+          <a href="https://docs.google.com/forms/d/1ZSmUMgLcZSdyAyr_qkoUQM7FBEyHQVuV8uUJ_dywJZ8/edit">Become a member</a>
+        </li>
+        <li>
+          <a href="mailto:pgdu-committee@lists.pgdu.org">Contact Us</a>
+        </li>
+        <li>
+          <a href="https://test2018pgduconf.postgresql.org/">PGDay 2018</a>
+        </li>
+         {%if user.is_authenticated %}
+        <li>
+         <a href="/logout">Log Out</a>
+        </li>
+         {%endif%}
+      </ul>
+    </nav>
+  </header>
+
+  <div id="pgSideWrap"></div>
+  <div id="pgContentWrap">
+     <div id="pgSideWrap"><div id="pgSideNav"><ul></ul></div></div>
+     {%block layoutblock%}{%endblock%}
+  </div>
+      <footer>
+        <h3>PostgreSQL Down Under Inc.</h3>
+        <ul>
+          <li>
+            <a href="#">
+              <img src="/media/pgdu/images/twitter.png" alt="Twitter logo">
+            </a>
+          </li>
+          <li>
+            <a href="#">
+              <img src="/media/pgdu/images/facebook.png" alt="Facebook logo">
+            </a>
+          </li>
+        </ul>
+        <p>
+          © 2018 PostgreSQL Down Under Inc.
+        </p>
+      </footer>
+
+</body>
+
+</html>
diff --git a/template/base_pgdu.html b/template/base_pgdu.html
new file mode 100644 (file)
index 0000000..1730c4e
--- /dev/null
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+
+<head>
+  <meta charset="utf-8">
+  <title>PgDU - {%block title%}{%endblock%}</title>
+  <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
+  <link rel="stylesheet" href="/media/pgdu/css/style.css">
+  {%block extrahead%}{%endblock%}
+</head>
+
+<body>
+  <header>
+    <img src="/media/pgdu/images/mstile-310x310.png" alt="elephant">
+
+    <nav>
+      <ul>
+        <li>
+          <a href="#">About</a>
+        </li>
+        <li>
+          <a href="https://docs.google.com/forms/d/1ZSmUMgLcZSdyAyr_qkoUQM7FBEyHQVuV8uUJ_dywJZ8/edit">Become a member</a>
+        </li>
+        <li>
+          <a href="mailto:pgdu-committee@lists.pgdu.org">Contact Us</a>
+        </li>
+        <li>
+          <a href="https://test2018pgduconf.postgresql.org/">PGDay 2018</a>
+        </li>
+         {%if user.is_authenticated %}
+        <li>
+         <a href="/logout">Log Out</a>
+        </li>
+         {%endif%}
+      </ul>
+    </nav>
+  </header>
+
+  {%block layoutblock%}{%endblock%}
+
+      <footer>
+        <h3>PostgreSQL Down Under Inc.</h3>
+        <ul>
+          <li>
+            <a href="#">
+              <img src="/media/pgdu/images/twitter.png" alt="Twitter logo">
+            </a>
+          </li>
+          <li>
+            <a href="#">
+              <img src="/media/pgdu/images/facebook.png" alt="Facebook logo">
+            </a>
+          </li>
+        </ul>
+        <p>
+          © 2018 PostgreSQL Down Under Inc.
+        </p>
+      </footer>
+
+</body>
+
+</html>
diff --git a/template/index.html b/template/index.html
new file mode 100644 (file)
index 0000000..51fad82
--- /dev/null
@@ -0,0 +1,100 @@
+{%extends "base_pgdu.html" %}
+{%load markup%}
+{%block title%}Welcome{%endblock%}
+{%block layoutblock%}
+
+  <main>
+    <section>
+      <h2>PGDU</h2>
+      <p>PostgreSQL Down Under Incorporated, known as PGDU, is a non for profit association. Our purpose is
+        to support the growth and education of PostgreSQL, The World's Most Advanced Open Source Database.</p>
+      </section>
+
+      <section>
+        <h2>Membership</h2>
+        <p>Are you interested in PostgreSQL growth and education? Do you support PostgreSQL and want to help? By becoming a member
+          you will be helping to support our mission and be able to influence what we do.</p>
+        </section>
+
+        <section>
+          <h2>Upcoming Events</h2>
+            <ul>
+           {%for event in events %}
+               <li><a href="/events/{{event.id}}">{{event.title}}</a></li>
+           {%endfor%}
+            </ul>
+        </section>
+      </main>
+
+      <div class="title">
+        <h2>PGDU Team</h2>
+      </div>
+
+
+      <div class="team-section">
+        <div class="our-team">
+          <div class="pic">
+            <img src="images/team1.jpg">
+          </div>
+          <h3 class="title">Tyson Clugg</h3>
+          <span class="post">President</span>
+
+        </div>
+
+
+        <div class="our-team">
+          <div class="pic">
+            <img src="images/team2.jpg">
+          </div>
+          <h3 class="title">Andrea Cucciniello</h3>
+          <span class="post">Secretary</span>
+        </div>
+
+        <div class="our-team">
+          <div class="pic">
+            <img src="images/team3.jpg">
+          </div>
+          <h3 class="title">Gary Evans</h3>
+          <span class="post">Committee Member</span>
+        </div>
+
+        <div class="our-team">
+          <div class="pic">
+            <img src="images/team4.jpg">
+          </div>
+          <h3 class="title">Rajni Baliyan</h3>
+          <span class="post">Committee Member</span>
+
+        </div>
+
+        <div class="our-team">
+          <div class="pic">
+            <img src="images/team5.jpg">
+          </div>
+          <h3 class="title">James Sewell</h3>
+          <span class="post">Sponsorship Officer</span>
+        </div>
+
+        <div class="our-team">
+          <div class="pic">
+            <img src="images/team6.jpg">
+          </div>
+          <h3 class="title">Randal McDonnell</h3>
+          <span class="post">Treasurer</span>
+        </div>
+
+      </div>
+
+      <aside>
+        <div class="hidden-menu">
+          <div class="hidden-menu-buttons">
+            <a class="member-button" href="https://docs.google.com/forms/d/1ZSmUMgLcZSdyAyr_qkoUQM7FBEyHQVuV8uUJ_dywJZ8/edit">Ordinary member</a>
+            <a class="member-button" href="https://docs.google.com/forms/d/1ZSmUMgLcZSdyAyr_qkoUQM7FBEyHQVuV8uUJ_dywJZ8/edit">Volunteer member</a>
+          </div>
+        </div>
+        <div class="button">
+          <a class="member-button" href="#">Become a Member!</a>
+        </div>
+      </aside>
+
+{%endblock%}
diff --git a/template/orig.html b/template/orig.html
new file mode 100644 (file)
index 0000000..20d9453
--- /dev/null
@@ -0,0 +1,169 @@
+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+
+<head>
+  <meta charset="utf-8">
+  <title></title>
+  <link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
+  <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+  <header>
+    <img src="images/mstile-310x310.png" alt="elephant">
+
+    <nav>
+      <ul>
+        <li>
+          <a href="#">About</a>
+        </li>
+        <li>
+          <a href="https://docs.google.com/forms/d/1ZSmUMgLcZSdyAyr_qkoUQM7FBEyHQVuV8uUJ_dywJZ8/edit">Become a member</a>
+        </li>
+        <li>
+          <a href="mailto:pgdu-committee@lists.pgdu.org">Contact Us</a>
+        </li>
+        <li>
+          <a href="https://2017.pgday.com.au/">PGDay 2018</a>
+        </li>
+      </ul>
+    </nav>
+  </header>
+
+  <main>
+    <section>
+      <h2>PGDU</h2>
+      <p>PostgreSQL Down Under Incorporated, known as PGDU, is a non for profit association. Our purpose is
+        to support the growth and education of PostgreSQL, The World's Most Advanced Open Source Database.</p>
+      </section>
+
+      <section>
+        <h2>Membership</h2>
+        <p>Are you interested in PostgreSQL growth and education? Do you support PostgreSQL and want to help? By becoming a member
+          you will be helping to support our mission and be able to influence what we do.</p>
+        </section>
+
+        <section>
+          <h2>Upcoming Events</h2>
+          <p> PGDay Down Under 2018 - Melbourne, December 8th!
+            <br> Call for Papers is now open. <br>Submit your proposal now!!
+            <ul>
+              <li>
+                <a href="https://docs.google.com/forms/d/1TNEqIbP6XbvKQYBDp85SHzROu2JyiNVkjDKGzfEXV_U/edit">Submit CFP Form</a>
+              </li>
+            </ul>
+            <p>Here you can find the PostgreSQL Meetup in Australia & New Zealand</p>
+            <ul>
+              <li>
+                <a href="https://www.meetup.com/en-AU/topics/postgresql/au/melbourne/?_cookie-check=ocrvrv_1gY3A_duw">Melbourne PUG</a>
+              </li>
+              <li>
+                <a href="https://www.meetup.com/en-AU/Sydney-PostgreSQL-User-Group/">Sydney PUG</a>
+              </li>
+              <li>
+                <a href="https://www.meetup.com/en-AU/Brisbane-PostgreSQL-User-Group/">Brisbane PUG</a>
+              </li>
+              <li>
+                <a href="https://www.meetup.com/en-AU/Wellington-PostgreSQL-User-Group/">Wellington PUG</a>
+              </li>
+            </ul>
+          </p>
+        </section>
+      </main>
+
+      <div class="title">
+        <h2>PGDU Team</h2>
+      </div>
+
+
+      <div class="team-section">
+        <div class="our-team">
+          <div class="pic">
+            <img src="images/team1.jpg">
+          </div>
+          <h3 class="title">Tyson Clugg</h3>
+          <span class="post">President</span>
+
+        </div>
+
+
+        <div class="our-team">
+          <div class="pic">
+            <img src="images/team2.jpg">
+          </div>
+          <h3 class="title">Andrea Cucciniello</h3>
+          <span class="post">Secretary</span>
+        </div>
+
+        <div class="our-team">
+          <div class="pic">
+            <img src="images/team3.jpg">
+          </div>
+          <h3 class="title">Gary Evans</h3>
+          <span class="post">Committee Member</span>
+        </div>
+
+        <div class="our-team">
+          <div class="pic">
+            <img src="images/team4.jpg">
+          </div>
+          <h3 class="title">Rajni Baliyan</h3>
+          <span class="post">Committee Member</span>
+
+        </div>
+
+        <div class="our-team">
+          <div class="pic">
+            <img src="images/team5.jpg">
+          </div>
+          <h3 class="title">James Sewell</h3>
+          <span class="post">Sponsorship Officer</span>
+        </div>
+
+        <div class="our-team">
+          <div class="pic">
+            <img src="images/team6.jpg">
+          </div>
+          <h3 class="title">Randal McDonnell</h3>
+          <span class="post">Treasurer</span>
+        </div>
+
+      </div>
+
+      <aside>
+        <div class="hidden-menu">
+          <div class="hidden-menu-buttons">
+            <a class="member-button" href="https://docs.google.com/forms/d/1ZSmUMgLcZSdyAyr_qkoUQM7FBEyHQVuV8uUJ_dywJZ8/edit">Ordinary member</a>
+            <a class="member-button" href="https://docs.google.com/forms/d/1ZSmUMgLcZSdyAyr_qkoUQM7FBEyHQVuV8uUJ_dywJZ8/edit">Volunteer member</a>
+          </div>
+        </div>
+        <div class="button">
+          <a class="member-button" href="#">Become a Member!</a>
+        </div>
+      </aside>
+
+
+      <footer>
+        <h3>PostgreSQL Down Under Inc.</h3>
+        <ul>
+          <li>
+            <a href="#">
+              <img src="images/twitter.png" alt="Twitter logo">
+            </a>
+          </li>
+          <li>
+            <a href="#">
+              <img src="images/facebook.png" alt="Facebook logo">
+            </a>
+          </li>
+        </ul>
+        <p>
+          © 2018 PostgreSQL Down Under Inc.
+        </p>
+      </footer>
+
+      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
+      <script src="main.js" charset="utf-8"></script>
+    </body>
+
+    </html>