add base.html for CFP
authorStephen Frost <sfrost@snowman.net>
Wed, 22 Mar 2017 01:13:02 +0000 (01:13 +0000)
committerStephen Frost <sfrost@snowman.net>
Wed, 22 Mar 2017 01:13:02 +0000 (01:13 +0000)
templates/base_cfp.html [new file with mode: 0644]

diff --git a/templates/base_cfp.html b/templates/base_cfp.html
new file mode 100644 (file)
index 0000000..51c24b3
--- /dev/null
@@ -0,0 +1,225 @@
+{%macro media(url)%}{{mediabase|default("/")}}static/{%if githash%}{{githash}}/{%endif%}{{url}}{%endmacro-%}
+{%macro link(url)%}{{linkbase|default("/")}}{{url}}{%endmacro-%}
+{%macro menulink(subpage,title,magic)%}<li{%if page==subpage or (pagemagic and pagemagic==magic)%} class="active"{%endif%}><a href="{{link(subpage + "/")}}">{{title}}</a></li>{%endmacro-%}
+<!DOCTYPE html>
+<html lang="en">
+       <head>
+               <meta charset="UTF-8">
+               <meta name="description" content="PostgresOpen 2017" />
+               <meta name="keywords" content="PostgreSQL" />
+               <meta name="author" content="United States PostgreSQL Association" />
+               <meta name="google-site-verification" content="blxbviCSHoY6wxZrtoL4ZEvpdICZTrsIFx0VYEVHbuc" />
+
+
+               <title>{%block title%}PostgresOpen 2017{%endblock%}</title>
+
+               <!-- Twitter Meta Tags -->
+               <meta name="twitter:card" content="summary_large_image">
+               <meta name="twitter:site" content="@postgresopen">
+               <meta name="twitter:creator" content="@postgresopen">
+               <meta name="twitter:title" content="PostgresOpen | PostgreSQL Conference">
+               <meta name="twitter:description" content="PostgresOpen 2017 will be held on September 6th - 8th in Silicon Valley, at the Parc 55 Hilton Hotel.">
+
+               <!-- Facebook Open Graph Meta Tags -->
+               <meta property="og:image:width" content="1200">
+               <meta property="og:image:height" content="800">
+               <meta property="og:url" content="https://2017.postgresopen.org/">
+               <meta property="og:title" content="PostgresOpen | PostgreSQL Conference">
+               <meta property="og:site_name" content="Postgres Open">
+               <meta property="og:image" content="https://2017.postgresopen.org/static/images/banner2.jpg">
+
+               <!-- Structured Data -->
+               <script type="application/ld+json">
+               {
+                       "@context": "http://schema.org",
+                       "@type": "ProfessionalService",
+                       "url": "https://2017.postgresopen.org/",
+                       "logo": "https://2017.postgresopen.org/static/images/sv_elephant.png",
+                       "image": "https://2017.postgresopen.org/static/images/banner2.jpg",
+                       "email": "mailto:subscribe@postgresopen.org",
+                       "description": "PostgresOpen 2017 will be held on September 6th - 8th in Silicon Valley, at the Parc 55 Hilton Hotel.",
+                       "name": "Postgres Open",
+                       "sameAs" : [
+                       "https://www.facebook.com/PostgresOpen",
+                       "http://www.twitter.com/postgresopen",
+                       "https://www.youtube.com/user/postgresopen",
+                       "https://plus.google.com/+postgresopen/posts"]
+               }
+               </script>
+
+               <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+               <!--[if lte IE 8]><script src="{{media("js/html5shiv.js")}}"></script><![endif]-->
+               <script src="{{media("js/jquery.min.js")}}"></script>
+               <script src="{{media("js/skel.min.js")}}"></script>
+               <script src="{{media("js/skel-layers.min.js")}}"></script>
+
+               <script>
+/*
+       Transit by TEMPLATED
+       templated.co @templatedco
+       Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
+*/
+(function($) {
+       skel.init({
+               reset: 'full',
+               breakpoints: {
+                       global: {
+                               href: "{{media("css/style_cfp.css")}}",
+                               containers: 1400,
+                               grid: { gutters: ['2em', 0] }
+                       },
+                       xlarge: {
+                               media: '(max-width: 1680px)',
+                               href: "{{media("css/style-xlarge.css")}}",
+                               containers: 1200
+                       },
+                       large: {
+                               media: '(max-width: 1280px)',
+                               href: "{{media("css/style-large.css")}}",
+                               containers: 960,
+                               grid: { gutters: ['1.5em', 0] },
+                               viewport: { scalable: false }
+                       },
+                       medium: {
+                               media: '(max-width: 980px)',
+                               href: "{{media("css/style-medium.css")}}",
+                               containers: '90%!'
+                       },
+                       small: {
+                               media: '(max-width: 736px)',
+                               href: "{{media("css/style-small_cfp.css")}}",
+                               containers: '90%!',
+                               grid: { gutters: ['1.25em', 0] }
+                       },
+                       xsmall: {
+                               media: '(max-width: 480px)',
+                               href: "{{media("css/style-xsmall_cfp.css")}}"
+                       }
+               },
+               plugins: {
+                       layers: {
+                               config: {
+                                       mode: 'transform'
+                               },
+                               navButton: {
+                                       breakpoints: 'medium',
+                                       height: '4em',
+                                       html: '<span class="toggle" data-action="toggleLayer" data-args="navPanel"></span>',
+                                       position: 'top-left',
+                                       side: 'top',
+                                       width: '6em'
+                               },
+                               navPanel: {
+                                       animation: 'overlayX',
+                                       breakpoints: 'medium',
+                                       clickToHide: true,
+                                       height: '100%',
+                                       hidden: true,
+                                       html: '<div data-action="moveElement" data-args="nav"></div>',
+                                       orientation: 'vertical',
+                                       position: 'top-left',
+                                       side: 'left',
+                                       width: 250
+                               }
+                       }
+               }
+       });
+       $(function() {
+               var     $window = $(window),
+                       $body = $('body');
+               // Disable animations/transitions until the page has loaded.
+                       $body.addClass('is-loading');
+                       $window.on('load', function() {
+                               $body.removeClass('is-loading');
+                       });
+       });
+})(jQuery);
+               </script>
+
+               <!-- <script src="{{media("js/feed.js")}}"></script> -->
+               <noscript>
+                       <link rel="stylesheet" href="{{media("css/skel.css")}}" />
+                       <link rel="stylesheet" href="{{media("css/style.css")}}" />
+                       <link rel="stylesheet" href="{{media("css/style-xlarge.css")}}" />
+                       <link rel="stylesheet" href="{{media("css/feed.css")}}" />
+               </noscript>
+               <script>
+                 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+                 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+                 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+                 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+                 ga('create', 'UA-76808262-1', 'auto');
+                 ga('send', 'pageview');
+               </script>
+{%block extrahead%}{%endblock%}
+       </head>
+       <body class="{{page}}">
+
+               <!-- Header -->
+                       <header id="header">
+                               <img src="{{media("images/sv_elephant.png")}}" alt="PostgreSQL Logo">
+                               <h1 class="headerh1"><a href="/">PostgresOpen 2017</a></h1>
+                               <nav id="nav">
+                                       <ul>
+                                               <li><a href="{{link("")}}">Home</a></li>
+                                               {{menulink("about", "About")}}
+                                               {{menulink("venue", "Venue & Hotel")}}
+                                               {{menulink("sponsors", "Sponsors")}}
+                                       </ul>
+                               </nav>
+                       </header>
+      <section id="main" class="wrapper">
+                               <div class="container">
+                                       <span class="imgcenter"><img id="imgcentered" src="https://2017.postgresopen.org/static/images/calendar.svg" alt="" /></span>
+               {%block content%}{%endblock%}
+        </div>
+      </section>
+
+               <!-- Footer -->
+                       <footer id="footer">
+                               <div class="container">
+                                       <section class="links">
+                                               <div class="row">
+                                                       <section class="6u 6u(medium) 12u$(small)">
+                                                               <h3>Contact Us</h3>
+                                                                       <br><a href="mailto:program2017@postgresopen.org">program2017@postgresopen.org</a>
+                                                       </section>
+                                                       <section class="6u 6u$(medium) 12u$(small)">
+                                                               <h3>Hotel</h3>
+                                                                       <a href="https://2017.postgresopen.org/venue/">
+                                                                               Parc 55 Hilton Hotel
+                                                                               <br>55 Cyril Magnin St
+                                                                               <br>San Francisco, CA 94102
+                                                                               <br>(415) 392-8000
+                                                                       </a>
+                                                       </section>
+                                               </div>
+                                       </section>
+                                       <div class="row">
+                                               <div class="8u 12u$(medium)">
+                                                       <ul class="copyright">
+                                                               <li>&copy; Untitled. All rights reserved. | PostgresOpen is an associated project of the United States PostgreSQL Association.</li>
+                                                       </ul>
+                                               </div>
+                                               <div class="4u$ 12u$(medium)">
+                                                       <ul class="icons">
+                                                               <li>
+                                                                       <a href="https://www.facebook.com/PostgresOpen" class="icon rounded fa-facebook"><span class="label">Facebook</span></a>
+                                                               </li>
+                                                               <li>
+                                                                       <a href="https://www.youtube.com/user/postgresopen" class="icon rounded fa-youtube"><span class="label">YouTube</span></a>
+                                                               </li>
+                                                               <li>
+                                                                       <a href="https://twitter.com/postgresopen" class="icon rounded fa-twitter"><span class="label">Twitter</span></a>
+                                                               </li>
+                                                               <li>
+                                                                       <a href="https://plus.google.com/+postgresopen/posts" class="icon rounded fa-google-plus"><span class="label">Google+</span></a>
+                                                               </li>
+                                                       </ul>
+                                               </div>
+                                       </div>
+                               </div>
+                       </footer>
+
+       </body>
+</html>