[pypy-commit] pypy.org nikola: commit rendered site
mattip
pypy.commits at gmail.com
Sun Feb 9 10:12:11 EST 2020
Author: Matti Picus <matti.picus at gmail.com>
Branch: nikola
Changeset: r974:b75235a396d2
Date: 2020-02-09 17:11 +0200
http://bitbucket.org/pypy/pypy.org/changeset/b75235a396d2/
Log: commit rendered site
diff --git a/public/archive.html b/public/archive.html
--- a/public/archive.html
+++ b/public/archive.html
@@ -26,41 +26,38 @@
</a></h1>
- <div class="myTopNav">
- <div>
- <a href="index.html" height="40px;">
- <image src="images/pypy-logo.svg" width="75px;" alt="PyPy/"></image></a>
- </div>
- <div class="topnav">
- <div class="dropdown"> <button class="dropbtn">Features
- <i class="fa fa-caret-down"></i>
- </button>
- <div class="dropdown-content">
- <a href="features.html">What is PyPy?</a>
- <a href="compat.html">Compatibility</a>
- <a href="performance.html">Performance</a>
+ <!-- Adapted from https://www.taniarascia.com/responsive-dropdown-navigation-bar -->
+ <section class="navigation"><div class="nav-container">
+ <div class="brand">
+ <a href="index.html">
+ <image id="toplogo" src="images/pypy-logo.svg" width="75px;" alt="PyPy/"></image></a>
</div>
+ <nav><div class="nav-mobile">
+ <a id="nav-toggle" href="#!"> <span></span></a>
+ </div>
+ <ul class="nav-list">
+<li>
+ <a href="#!">Features</a>
+ <ul class="nav-dropdown">
+<li> <a href="features.html">What is PyPy?</a> </li>
+ <li> <a href="compat.html">Compatibility</a> </li>
+ <li> <a href="performance.html">Performance</a> </li>
+ </ul>
+</li>
+ <li> <a href="download.html">Download</a> </li>
+ <li> <a href="http://doc.pypy.org">Dev Documentation</a> </li>
+ <li> <a href="http://morepypy.blogspot.com">Blog</a> </li>
+ <li>
+ <a href="#!">About</a>
+ <ul class="nav-dropdown">
+<li> <a href="people.html">People</a> </li>
+ <li> <a href="contact.html">Contact</a> </li>
+ </ul>
+</li>
+
+ </ul></nav>
</div>
- <a href="download.html">Download</a>
- <a href="http://doc.pypy.org">Dev Documentation</a>
- <a href="http://morepypy.blogspot.com">Blog</a>
- <div class="dropdown"> <button class="dropbtn">About
- <i class="fa fa-caret-down"></i>
- </button>
- <div class="dropdown-content">
- <a href="people.html">People</a>
- <a href="contact.html">Contact</a>
- </div>
-</div>
-
-
-
-
- </div>
- <a href="javascript:void(0);" class="icon" onclick="make_responsive()">☰</a>
- </div>
-
- </header><main id="content"><article class="listpage"><header><h1>Archive</h1>
+ </section></header><main id="content"><article class="listpage"><header><h1>Archive</h1>
</header><p>No posts found.</p>
</article></main><footer id="footer"><p>
</p>
@@ -77,6 +74,6 @@
</footer>
</div>
- <script src="assets/js/styles.js"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" crossorigin="anonymous"></script><script src="assets/js/styles.js"></script>
</body>
</html>
diff --git a/public/assets/css/styles.css b/public/assets/css/styles.css
--- a/public/assets/css/styles.css
+++ b/public/assets/css/styles.css
@@ -1,3 +1,12 @@
+:root {
+ --content-width: 1000px;
+ --breakpoint: 799px;
+ --nav-height: 70px;
+ --nav-background: #d0dad5;
+ --nav-font-color: darkolivgreen;
+ --link-hover-color: #e0dad5;
+}
+
body {
color: #383939;
}
@@ -11,201 +20,6 @@
background-color: #d0dad5;
}
-.myTopNav {
- /* background-color: #333; */
- display: flex;
- flex-direction: row;
- margin-bottom: 5px;
- height: 47px;
-}
-
-/* Style the links inside the navigation bar */
-.myTopNav a {
- float: left;
- display: block;
- text-decoration: none;
- font-size: 17px;
-}
-
-.topnav {
- height: 32px;
-}
-
-.topnav a {
- float: left;
- display: block;
- color: #383939;
- text-align: center;
- padding-top: 8px;
- padding-left: 16px;
- padding-right: 16px;
- padding-bottom: 12px;
- text-decoration: none;
- font-size: 17px;
-}
-
-/* Add an active class to highlight the current page */
-.active {
- background-color: #4CAF50;
- color: white;
-}
-
-/* Hide the link that should open and close the topnav on small screens */
-.myTopNav .icon {
- display: none;
-}
-
-/* Dropdown container - needed to position the dropdown content */
-.dropdown {
- float: left;
- overflow: hidden;
-}
-
-/* Style the dropdown button to fit inside the topnav */
-.dropdown .dropbtn {
- font-size: 17px;
- border: none;
- outline: none;
- color: #383939;
- padding-top: 10px;
- padding-left: 16px;
- padding-right: 16px;
- padding-bottom: 12px;
- background-color: inherit;
- font-family: inherit;
- margin: 0;
-}
-
-/* Style the dropdown content (hidden by default) */
-.dropdown-content {
- display: none;
- position: absolute;
- background-color: #f9f9f9;
- min-width: 160px;
- box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
- z-index: 1;
-}
-
-/* Style the links inside the dropdown */
-.dropdown-content a {
- float: none;
- color: black;
- padding: 12px 16px;
- text-decoration: none;
- display: block;
- text-align: left;
-}
-
-/* Add a dark background on topnav links and the dropdown button on hover */
-.myTopNav a:hover, .dropdown:hover .dropbtn {
- background-color: #555;
- color: white;
-}
-
-/* Add a grey background to dropdown links on hover */
-.dropdown-content a:hover {
- background-color: #ddd;
- color: black;
-}
-
-/* Show the dropdown menu when the user moves the mouse over the dropdown button */
-.dropdown:hover .dropdown-content {
- display: block;
-}
-
-/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
- at media screen and (max-width: 600px) {
- .myTopNav a:not(:first-child), .dropdown .dropbtn {
- display: none;
- }
- .myTopNav a.icon {
- float: right;
- display: block;
- }
-}
-
-/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
- at media screen and (max-width: 600px) {
- .myTopNav.responsive {position: relative;}
- .myTopNav.responsive a.icon {
- position: absolute;
- right: 0;
- top: 0;
- }
- .myTopNav.responsive a {
- float: none;
- display: block;
- text-align: left;
- }
- .myTopNav.responsive .dropdown {float: none;}
- .myTopNav.responsive .dropdown-content {position: relative;}
- .myTopNav.responsive .dropdown .dropbtn {
- display: block;
- width: 100%;
- text-align: left;
- }
-
-
-} .row {
- display: flex;
- flex-direction: column;
- padding: 0;
- width: 100%; }
- .row .column {
- display: block;
- flex: 1 1 auto;
- margin-left: 0;
- max-width: 100%;
- width: 100%; }
-
- at media (min-width: 40rem) {
- .row {
- flex-direction: row;
- margin-left: -1.0rem;
- width: calc(100% + 2.0rem); }
- .row .column {
- margin-bottom: inherit;
- padding: 0 1.0rem; } }
-
- at media screen and (max-width: 40rem) {
- .row .column {
- text-align: center; } }
-
-.pb-4 {
- padding-bottom: 6rem; }
-
-.text-sm {
- font-size: 1rem; }
-
-.text-lg {
- font-size: 2rem; }
-
-/*.button, button {
- background-color: transparent;
- border: 0.1rem solid #1890ff;
- border-radius: .4rem;
- cursor: pointer;
- display: inline-block;
- font-weight: 700;
- height: 2rem;
- letter-spacing: .1rem;
- line-height: 2rem;
- padding: 0 2.0rem;
- text-align: center;
- text-decoration: none;
- text-transform: uppercase;
- white-space: nowrap;
-}
-
-.button:focus, .button:hover,
-button:focus,
-button:hover
- {
- background-color: lightblue;
- border-color: #4B545C;
- color: white;
-}
-*/
pre.literal-block {
border-left: 0.3rem solid #d1d1d1;
margin-left: 0;
@@ -229,3 +43,167 @@
.logotext {
padding-top: 4px;
+}
+
+#toplogo {
+ padding-top: 18px;
+}
+
+/* For the responsive navbar, adapted from https://www.taniarascia.com/responsive-dropdown-navigation-bar */
+
+ at charset "UTF-8";
+.navigation {
+ height: 70px;
+ background: var(--nav-background);
+}
+
+.brand {
+ position: absolute;
+ padding-left: 20px;
+ float: left;
+ line-height: 70px;
+ text-transform: uppercase;
+ font-size: 1.4em;
+}
+.brand a,
+.brand a:visited {
+ color: var(--nav-font-color);
+ text-decoration: none;
+}
+
+.nav-container {
+ max-width: content-width;
+ margin: 0 auto;
+}
+
+nav {
+ float: right;
+}
+nav ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+nav ul li {
+ float: left;
+ position: relative;
+}
+nav ul li a:link,
+nav ul li a,
+nav ul li a:visited {
+ display: block;
+ padding: 0 20px;
+ line-height: 70px;
+ background: var(--nav-background);
+ color: var(--nav-font-color);
+ text-decoration: none;
+}
+nav ul li a:hover,
+nav ul li a:link:hover,
+nav ul li a:visited:hover {
+ background: var(--link-hover-color);
+ color: var(--nav-font-color);
+}
+nav ul li a:not(:only-child):after,
+nav ul li a:visited:not(:only-child):after {
+ padding-left: 4px;
+ content: ' ▾';
+}
+nav ul li ul li {
+ min-width: 190px;
+}
+nav ul li ul li a {
+ padding: 15px;
+ line-height: 20px;
+}
+
+.nav-dropdown {
+ position: absolute;
+ display: none;
+ z-index: 1;
+ box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
+}
+
+/* Mobile navigation */
+.nav-mobile {
+ display: none;
+ position: absolute;
+ top: 0;
+ right: 0;
+ background: var(--nav-background);
+ height: 70px;
+ width: 70px;
+}
+
+ at media only screen and (max-width: 798px) {
+ .nav-mobile {
+ display: block;
+ }
+
+ nav {
+ width: 100%;
+ padding: 70px 0 15px;
+ }
+ nav ul {
+ display: none;
+ }
+ nav ul li {
+ float: none;
+ }
+ nav ul li a {
+ padding: 15px;
+ line-height: 20px;
+ }
+ nav ul li ul li a {
+ padding-left: 30px;
+ }
+
+ .nav-dropdown {
+ position: static;
+ }
+}
+
+ at media screen and (min-width: 799px) {
+ .nav-list {
+ display: block !important;
+ }
+}
+#nav-toggle {
+ position: absolute;
+ left: 18px;
+ top: 22px;
+ cursor: pointer;
+ padding: 10px 35px 16px 0px;
+}
+#nav-toggle span,
+#nav-toggle span:before,
+#nav-toggle span:after {
+ cursor: pointer;
+ border-radius: 1px;
+ height: 5px;
+ width: 35px;
+ background: black;
+ position: absolute;
+ display: block;
+ content: '';
+ transition: all 300ms ease-in-out;
+}
+#nav-toggle span:before {
+ top: -10px;
+}
+#nav-toggle span:after {
+ bottom: -10px;
+}
+#nav-toggle.active span {
+ background-color: transparent;
+}
+#nav-toggle.active span:before, #nav-toggle.active span:after {
+ top: 0;
+}
+#nav-toggle.active span:before {
+ transform: rotate(45deg);
+}
+#nav-toggle.active span:after {
+ transform: rotate(-45deg);
+}
+
diff --git a/public/assets/js/styles.js b/public/assets/js/styles.js
--- a/public/assets/js/styles.js
+++ b/public/assets/js/styles.js
@@ -1,12 +1,25 @@
'use strict';
-// Navbar
-/* Toggle between adding and removing the "responsive" class to topnav when the user clicks on the icon */
-function make_responsive() {
- var x = document.getElementById("myTopNav");
- if (x.className === "topnav") {
- x.className += " responsive";
- } else {
- x.className = "topnav";
- }
-}
+(function($) { // Begin jQuery
+ $(function() { // DOM ready
+ // If a link has a dropdown, add sub menu toggle.
+ $('nav ul li a:not(:only-child)').click(function(eee) {
+ $(this).siblings('.nav-dropdown').toggle();
+ // Close one dropdown when selecting another
+ $('.nav-dropdown').not($(this).siblings()).hide();
+ eee.stopPropagation();
+ });
+ // Clicking away from dropdown will remove the dropdown class
+ $('html').click(function() {
+ $('.nav-dropdown').hide();
+ });
+ // Toggle open and close nav styles on click
+ $('#nav-toggle').click(function() {
+ $('nav ul').slideToggle();
+ });
+ // Hamburger to X toggle
+ $('#nav-toggle').on('click', function() {
+ this.classList.toggle('active');
+ });
+ }); // end DOM ready
+})(jQuery); // end jQuery
diff --git a/public/blog/index.html b/public/blog/index.html
--- a/public/blog/index.html
+++ b/public/blog/index.html
@@ -26,41 +26,38 @@
</a></h1>
- <div class="myTopNav">
- <div>
- <a href="#" height="40px;">
- <image src="images/pypy-logo.svg" width="75px;" alt="PyPy/"></image></a>
- </div>
- <div class="topnav">
- <div class="dropdown"> <button class="dropbtn">Features
- <i class="fa fa-caret-down"></i>
- </button>
- <div class="dropdown-content">
- <a href="../features.html">What is PyPy?</a>
- <a href="../compat.html">Compatibility</a>
- <a href="../performance.html">Performance</a>
+ <!-- Adapted from https://www.taniarascia.com/responsive-dropdown-navigation-bar -->
+ <section class="navigation"><div class="nav-container">
+ <div class="brand">
+ <a href="#">
+ <image id="toplogo" src="images/pypy-logo.svg" width="75px;" alt="PyPy/"></image></a>
</div>
+ <nav><div class="nav-mobile">
+ <a id="nav-toggle" href="#!"> <span></span></a>
+ </div>
+ <ul class="nav-list">
+<li>
+ <a href="#!">Features</a>
+ <ul class="nav-dropdown">
+<li> <a href="../features.html">What is PyPy?</a> </li>
+ <li> <a href="../compat.html">Compatibility</a> </li>
+ <li> <a href="../performance.html">Performance</a> </li>
+ </ul>
+</li>
+ <li> <a href="../download.html">Download</a> </li>
+ <li> <a href="http://doc.pypy.org">Dev Documentation</a> </li>
+ <li> <a href="http://morepypy.blogspot.com">Blog</a> </li>
+ <li>
+ <a href="#!">About</a>
+ <ul class="nav-dropdown">
+<li> <a href="../people.html">People</a> </li>
+ <li> <a href="../contact.html">Contact</a> </li>
+ </ul>
+</li>
+
+ </ul></nav>
</div>
- <a href="../download.html">Download</a>
- <a href="http://doc.pypy.org">Dev Documentation</a>
- <a href="http://morepypy.blogspot.com">Blog</a>
- <div class="dropdown"> <button class="dropbtn">About
- <i class="fa fa-caret-down"></i>
- </button>
- <div class="dropdown-content">
- <a href="../people.html">People</a>
- <a href="../contact.html">Contact</a>
- </div>
-</div>
-
-
-
-
- </div>
- <a href="javascript:void(0);" class="icon" onclick="make_responsive()">☰</a>
- </div>
-
- </header><main id="content"><div class="postindex">
+ </section></header><main id="content"><div class="postindex">
</div>
@@ -80,6 +77,6 @@
</footer>
</div>
- <script src="../assets/js/styles.js"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" crossorigin="anonymous"></script><script src="../assets/js/styles.js"></script>
</body>
</html>
diff --git a/public/categories/index.html b/public/categories/index.html
--- a/public/categories/index.html
+++ b/public/categories/index.html
@@ -26,41 +26,38 @@
</a></h1>
- <div class="myTopNav">
- <div>
- <a href="#" height="40px;">
- <image src="images/pypy-logo.svg" width="75px;" alt="PyPy/"></image></a>
- </div>
- <div class="topnav">
- <div class="dropdown"> <button class="dropbtn">Features
- <i class="fa fa-caret-down"></i>
- </button>
- <div class="dropdown-content">
- <a href="../features.html">What is PyPy?</a>
- <a href="../compat.html">Compatibility</a>
- <a href="../performance.html">Performance</a>
+ <!-- Adapted from https://www.taniarascia.com/responsive-dropdown-navigation-bar -->
+ <section class="navigation"><div class="nav-container">
+ <div class="brand">
+ <a href="#">
+ <image id="toplogo" src="images/pypy-logo.svg" width="75px;" alt="PyPy/"></image></a>
</div>
+ <nav><div class="nav-mobile">
+ <a id="nav-toggle" href="#!"> <span></span></a>
+ </div>
+ <ul class="nav-list">
+<li>
+ <a href="#!">Features</a>
+ <ul class="nav-dropdown">
+<li> <a href="../features.html">What is PyPy?</a> </li>
+ <li> <a href="../compat.html">Compatibility</a> </li>
+ <li> <a href="../performance.html">Performance</a> </li>
+ </ul>
+</li>
+ <li> <a href="../download.html">Download</a> </li>
+ <li> <a href="http://doc.pypy.org">Dev Documentation</a> </li>
+ <li> <a href="http://morepypy.blogspot.com">Blog</a> </li>
+ <li>
+ <a href="#!">About</a>
+ <ul class="nav-dropdown">
+<li> <a href="../people.html">People</a> </li>
+ <li> <a href="../contact.html">Contact</a> </li>
+ </ul>
+</li>
+
+ </ul></nav>
</div>
- <a href="../download.html">Download</a>
- <a href="http://doc.pypy.org">Dev Documentation</a>
- <a href="http://morepypy.blogspot.com">Blog</a>
- <div class="dropdown"> <button class="dropbtn">About
- <i class="fa fa-caret-down"></i>
- </button>
- <div class="dropdown-content">
- <a href="../people.html">People</a>
- <a href="../contact.html">Contact</a>
- </div>
-</div>
-
-
-
-
- </div>
- <a href="javascript:void(0);" class="icon" onclick="make_responsive()">☰</a>
- </div>
-
- </header><main id="content"><article class="tagindex"><header><h1>Tags</h1>
+ </section></header><main id="content"><article class="tagindex"><header><h1>Tags</h1>
<div class="metadata">
</div>
@@ -79,6 +76,6 @@
</footer>
</div>
- <script src="../assets/js/styles.js"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" crossorigin="anonymous"></script><script src="../assets/js/styles.js"></script>
</body>
</html>
diff --git a/public/compat.html b/public/compat.html
--- a/public/compat.html
+++ b/public/compat.html
@@ -34,41 +34,38 @@
</a></h1>
- <div class="myTopNav">
- <div>
- <a href="index.html" height="40px;">
- <image src="images/pypy-logo.svg" width="75px;" alt="PyPy/"></image></a>
- </div>
- <div class="topnav">
- <div class="dropdown"> <button class="dropbtn">Features
- <i class="fa fa-caret-down"></i>
- </button>
- <div class="dropdown-content">
- <a href="features.html">What is PyPy?</a>
- <a class="active" href="#">Compatibility(active)</a>
- <a href="performance.html">Performance</a>
+ <!-- Adapted from https://www.taniarascia.com/responsive-dropdown-navigation-bar -->
+ <section class="navigation"><div class="nav-container">
+ <div class="brand">
+ <a href="index.html">
+ <image id="toplogo" src="images/pypy-logo.svg" width="75px;" alt="PyPy/"></image></a>
</div>
+ <nav><div class="nav-mobile">
+ <a id="nav-toggle" href="#!"> <span></span></a>
+ </div>
+ <ul class="nav-list">
+<li>
+ <a href="#!">Features</a>
+ <ul class="nav-dropdown">
+<li> <a href="features.html">What is PyPy?</a> </li>
+ <li> <a href="#">Compatibility</a> </li>
+ <li> <a href="performance.html">Performance</a> </li>
+ </ul>
+</li>
+ <li> <a href="download.html">Download</a> </li>
+ <li> <a href="http://doc.pypy.org">Dev Documentation</a> </li>
+ <li> <a href="http://morepypy.blogspot.com">Blog</a> </li>
+ <li>
+ <a href="#!">About</a>
+ <ul class="nav-dropdown">
+<li> <a href="people.html">People</a> </li>
+ <li> <a href="contact.html">Contact</a> </li>
+ </ul>
+</li>
+
+ </ul></nav>
</div>
- <a href="download.html">Download</a>
- <a href="http://doc.pypy.org">Dev Documentation</a>
- <a href="http://morepypy.blogspot.com">Blog</a>
- <div class="dropdown"> <button class="dropbtn">About
- <i class="fa fa-caret-down"></i>
- </button>
- <div class="dropdown-content">
- <a href="people.html">People</a>
- <a href="contact.html">Contact</a>
- </div>
-</div>
-
-
-
-
- </div>
- <a href="javascript:void(0);" class="icon" onclick="make_responsive()">☰</a>
- </div>
-
- </header><main id="content"><article class="post-text storypage" itemscope="itemscope" itemtype="http://schema.org/Article"><header><h1 class="p-name entry-title" itemprop="headline name"><a href="#" class="u-url">Python compatibility</a></h1>
+ </section></header><main id="content"><article class="post-text storypage" itemscope="itemscope" itemtype="http://schema.org/Article"><header><h1 class="p-name entry-title" itemprop="headline name"><a href="#" class="u-url">Python compatibility</a></h1>
</header><div class="e-content entry-content" itemprop="articleBody text">
@@ -179,6 +176,6 @@
</footer>
</div>
- <script src="assets/js/styles.js"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" crossorigin="anonymous"></script><script src="assets/js/styles.js"></script>
</body>
</html>
diff --git a/public/contact.html b/public/contact.html
--- a/public/contact.html
+++ b/public/contact.html
@@ -35,41 +35,38 @@
</a></h1>
- <div class="myTopNav">
- <div>
- <a href="index.html" height="40px;">
- <image src="images/pypy-logo.svg" width="75px;" alt="PyPy/"></image></a>
- </div>
- <div class="topnav">
- <div class="dropdown"> <button class="dropbtn">Features
- <i class="fa fa-caret-down"></i>
- </button>
- <div class="dropdown-content">
- <a href="features.html">What is PyPy?</a>
- <a href="compat.html">Compatibility</a>
- <a href="performance.html">Performance</a>
+ <!-- Adapted from https://www.taniarascia.com/responsive-dropdown-navigation-bar -->
+ <section class="navigation"><div class="nav-container">
+ <div class="brand">
+ <a href="index.html">
+ <image id="toplogo" src="images/pypy-logo.svg" width="75px;" alt="PyPy/"></image></a>
</div>
+ <nav><div class="nav-mobile">
+ <a id="nav-toggle" href="#!"> <span></span></a>
+ </div>
+ <ul class="nav-list">
+<li>
+ <a href="#!">Features</a>
+ <ul class="nav-dropdown">
+<li> <a href="features.html">What is PyPy?</a> </li>
+ <li> <a href="compat.html">Compatibility</a> </li>
+ <li> <a href="performance.html">Performance</a> </li>
+ </ul>
+</li>
+ <li> <a href="download.html">Download</a> </li>
+ <li> <a href="http://doc.pypy.org">Dev Documentation</a> </li>
+ <li> <a href="http://morepypy.blogspot.com">Blog</a> </li>
+ <li>
+ <a href="#!">About</a>
+ <ul class="nav-dropdown">
+<li> <a href="people.html">People</a> </li>
+ <li> <a href="#">Contact</a> </li>
+ </ul>
+</li>
+
+ </ul></nav>
</div>
- <a href="download.html">Download</a>
- <a href="http://doc.pypy.org">Dev Documentation</a>
- <a href="http://morepypy.blogspot.com">Blog</a>
- <div class="dropdown"> <button class="dropbtn">About
- <i class="fa fa-caret-down"></i>
- </button>
- <div class="dropdown-content">
- <a href="people.html">People</a>
- <a class="active" href="#">Contact(active)</a>
- </div>
-</div>
-
-
-
-
- </div>
- <a href="javascript:void(0);" class="icon" onclick="make_responsive()">☰</a>
- </div>
-
- </header><main id="content"><article class="post-text storypage" itemscope="itemscope" itemtype="http://schema.org/Article"><header><h1 class="p-name entry-title" itemprop="headline name"><a href="#" class="u-url">Contact</a></h1>
+ </section></header><main id="content"><article class="post-text storypage" itemscope="itemscope" itemtype="http://schema.org/Article"><header><h1 class="p-name entry-title" itemprop="headline name"><a href="#" class="u-url">Contact</a></h1>
</header><div class="e-content entry-content" itemprop="articleBody text">
@@ -98,6 +95,6 @@
</footer>
</div>
- <script src="assets/js/styles.js"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" crossorigin="anonymous"></script><script src="assets/js/styles.js"></script>
</body>
</html>
diff --git a/public/download.html b/public/download.html
--- a/public/download.html
+++ b/public/download.html
@@ -41,41 +41,38 @@
</a></h1>
- <div class="myTopNav">
- <div>
- <a href="index.html" height="40px;">
- <image src="images/pypy-logo.svg" width="75px;" alt="PyPy/"></image></a>
- </div>
- <div class="topnav">
- <div class="dropdown"> <button class="dropbtn">Features
- <i class="fa fa-caret-down"></i>
- </button>
- <div class="dropdown-content">
- <a href="features.html">What is PyPy?</a>
- <a href="compat.html">Compatibility</a>
- <a href="performance.html">Performance</a>
+ <!-- Adapted from https://www.taniarascia.com/responsive-dropdown-navigation-bar -->
+ <section class="navigation"><div class="nav-container">
+ <div class="brand">
+ <a href="index.html">
+ <image id="toplogo" src="images/pypy-logo.svg" width="75px;" alt="PyPy/"></image></a>
</div>
+ <nav><div class="nav-mobile">
+ <a id="nav-toggle" href="#!"> <span></span></a>
+ </div>
+ <ul class="nav-list">
+<li>
+ <a href="#!">Features</a>
+ <ul class="nav-dropdown">
+<li> <a href="features.html">What is PyPy?</a> </li>
+ <li> <a href="compat.html">Compatibility</a> </li>
+ <li> <a href="performance.html">Performance</a> </li>
+ </ul>
+</li>
+ <li> <a href="#">Download</a> </li>
+ <li> <a href="http://doc.pypy.org">Dev Documentation</a> </li>
+ <li> <a href="http://morepypy.blogspot.com">Blog</a> </li>
+ <li>
+ <a href="#!">About</a>
+ <ul class="nav-dropdown">
+<li> <a href="people.html">People</a> </li>
+ <li> <a href="contact.html">Contact</a> </li>
+ </ul>
+</li>
+
+ </ul></nav>
</div>
- <a class="active" href="#">Download<span class="sr-only"> (active)</span></a>
- <a href="http://doc.pypy.org">Dev Documentation</a>
- <a href="http://morepypy.blogspot.com">Blog</a>
- <div class="dropdown"> <button class="dropbtn">About
- <i class="fa fa-caret-down"></i>
- </button>
- <div class="dropdown-content">
- <a href="people.html">People</a>
- <a href="contact.html">Contact</a>
- </div>
-</div>
-
-
-
-
- </div>
- <a href="javascript:void(0);" class="icon" onclick="make_responsive()">☰</a>
- </div>
-
- </header><main id="content"><article class="post-text storypage" itemscope="itemscope" itemtype="http://schema.org/Article"><header><h1 class="p-name entry-title" itemprop="headline name"><a href="#" class="u-url">Download and Install</a></h1>
+ </section></header><main id="content"><article class="post-text storypage" itemscope="itemscope" itemtype="http://schema.org/Article"><header><h1 class="p-name entry-title" itemprop="headline name"><a href="#" class="u-url">Download and Install</a></h1>
</header><div class="e-content entry-content" itemprop="articleBody text">
@@ -471,6 +468,6 @@
</footer>
</div>
- <script src="assets/js/styles.js"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" crossorigin="anonymous"></script><script src="assets/js/styles.js"></script>
</body>
</html>
diff --git a/public/features.html b/public/features.html
--- a/public/features.html
+++ b/public/features.html
@@ -33,41 +33,38 @@
</a></h1>
- <div class="myTopNav">
- <div>
- <a href="index.html" height="40px;">
- <image src="images/pypy-logo.svg" width="75px;" alt="PyPy/"></image></a>
- </div>
- <div class="topnav">
- <div class="dropdown"> <button class="dropbtn">Features
- <i class="fa fa-caret-down"></i>
- </button>
- <div class="dropdown-content">
- <a class="active" href="#">What is PyPy?(active)</a>
- <a href="compat.html">Compatibility</a>
- <a href="performance.html">Performance</a>
+ <!-- Adapted from https://www.taniarascia.com/responsive-dropdown-navigation-bar -->
+ <section class="navigation"><div class="nav-container">
+ <div class="brand">
+ <a href="index.html">
+ <image id="toplogo" src="images/pypy-logo.svg" width="75px;" alt="PyPy/"></image></a>
</div>
+ <nav><div class="nav-mobile">
+ <a id="nav-toggle" href="#!"> <span></span></a>
+ </div>
+ <ul class="nav-list">
+<li>
+ <a href="#!">Features</a>
+ <ul class="nav-dropdown">
+<li> <a href="#">What is PyPy?</a> </li>
+ <li> <a href="compat.html">Compatibility</a> </li>
+ <li> <a href="performance.html">Performance</a> </li>
+ </ul>
+</li>
+ <li> <a href="download.html">Download</a> </li>
+ <li> <a href="http://doc.pypy.org">Dev Documentation</a> </li>
+ <li> <a href="http://morepypy.blogspot.com">Blog</a> </li>
+ <li>
+ <a href="#!">About</a>
+ <ul class="nav-dropdown">
+<li> <a href="people.html">People</a> </li>
+ <li> <a href="contact.html">Contact</a> </li>
+ </ul>
+</li>
+
+ </ul></nav>
</div>
- <a href="download.html">Download</a>
- <a href="http://doc.pypy.org">Dev Documentation</a>
- <a href="http://morepypy.blogspot.com">Blog</a>
- <div class="dropdown"> <button class="dropbtn">About
- <i class="fa fa-caret-down"></i>
- </button>
- <div class="dropdown-content">
- <a href="people.html">People</a>
- <a href="contact.html">Contact</a>
- </div>
-</div>
-
-
-
-
- </div>
- <a href="javascript:void(0);" class="icon" onclick="make_responsive()">☰</a>
- </div>
-
- </header><main id="content"><article class="post-text storypage" itemscope="itemscope" itemtype="http://schema.org/Article"><header><h1 class="p-name entry-title" itemprop="headline name"><a href="#" class="u-url">PyPy - Features</a></h1>
+ </section></header><main id="content"><article class="post-text storypage" itemscope="itemscope" itemtype="http://schema.org/Article"><header><h1 class="p-name entry-title" itemprop="headline name"><a href="#" class="u-url">PyPy - Features</a></h1>
</header><div class="e-content entry-content" itemprop="articleBody text">
@@ -196,6 +193,6 @@
</footer>
</div>
- <script src="assets/js/styles.js"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" crossorigin="anonymous"></script><script src="assets/js/styles.js"></script>
</body>
</html>
diff --git a/public/index.html b/public/index.html
--- a/public/index.html
+++ b/public/index.html
@@ -40,41 +40,38 @@
</a></h1>
- <div class="myTopNav">
- <div>
- <a href="#" height="40px;">
- <image src="images/pypy-logo.svg" width="75px;" alt="PyPy/"></image></a>
- </div>
- <div class="topnav">
- <div class="dropdown"> <button class="dropbtn">Features
- <i class="fa fa-caret-down"></i>
- </button>
- <div class="dropdown-content">
- <a href="features.html">What is PyPy?</a>
- <a href="compat.html">Compatibility</a>
- <a href="performance.html">Performance</a>
+ <!-- Adapted from https://www.taniarascia.com/responsive-dropdown-navigation-bar -->
+ <section class="navigation"><div class="nav-container">
+ <div class="brand">
+ <a href="#">
+ <image id="toplogo" src="images/pypy-logo.svg" width="75px;" alt="PyPy/"></image></a>
</div>
+ <nav><div class="nav-mobile">
+ <a id="nav-toggle" href="#!"> <span></span></a>
+ </div>
+ <ul class="nav-list">
+<li>
+ <a href="#!">Features</a>
+ <ul class="nav-dropdown">
+<li> <a href="features.html">What is PyPy?</a> </li>
+ <li> <a href="compat.html">Compatibility</a> </li>
+ <li> <a href="performance.html">Performance</a> </li>
+ </ul>
+</li>
+ <li> <a href="download.html">Download</a> </li>
+ <li> <a href="http://doc.pypy.org">Dev Documentation</a> </li>
+ <li> <a href="http://morepypy.blogspot.com">Blog</a> </li>
+ <li>
+ <a href="#!">About</a>
+ <ul class="nav-dropdown">
+<li> <a href="people.html">People</a> </li>
+ <li> <a href="contact.html">Contact</a> </li>
+ </ul>
+</li>
+
+ </ul></nav>
</div>
- <a href="download.html">Download</a>
- <a href="http://doc.pypy.org">Dev Documentation</a>
- <a href="http://morepypy.blogspot.com">Blog</a>
- <div class="dropdown"> <button class="dropbtn">About
- <i class="fa fa-caret-down"></i>
- </button>
- <div class="dropdown-content">
- <a href="people.html">People</a>
- <a href="contact.html">Contact</a>
- </div>
-</div>
-
-
-
-
- </div>
- <a href="javascript:void(0);" class="icon" onclick="make_responsive()">☰</a>
- </div>
-
- </header><main id="content"><article class="post-text storypage" itemscope="itemscope" itemtype="http://schema.org/Article"><header><h1 class="p-name entry-title" itemprop="headline name"><a href="." class="u-url">Welcome to PyPy</a></h1>
+ </section></header><main id="content"><article class="post-text storypage" itemscope="itemscope" itemtype="http://schema.org/Article"><header><h1 class="p-name entry-title" itemprop="headline name"><a href="." class="u-url">Welcome to PyPy</a></h1>
</header><div class="e-content entry-content" itemprop="articleBody text">
@@ -128,6 +125,6 @@
</footer>
</div>
- <script src="assets/js/styles.js"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" crossorigin="anonymous"></script><script src="assets/js/styles.js"></script>
</body>
</html>
diff --git a/public/people.html b/public/people.html
--- a/public/people.html
+++ b/public/people.html
@@ -36,41 +36,38 @@
</a></h1>
- <div class="myTopNav">
- <div>
- <a href="index.html" height="40px;">
- <image src="images/pypy-logo.svg" width="75px;" alt="PyPy/"></image></a>
- </div>
- <div class="topnav">
- <div class="dropdown"> <button class="dropbtn">Features
- <i class="fa fa-caret-down"></i>
- </button>
- <div class="dropdown-content">
- <a href="features.html">What is PyPy?</a>
- <a href="compat.html">Compatibility</a>
- <a href="performance.html">Performance</a>
+ <!-- Adapted from https://www.taniarascia.com/responsive-dropdown-navigation-bar -->
+ <section class="navigation"><div class="nav-container">
+ <div class="brand">
+ <a href="index.html">
+ <image id="toplogo" src="images/pypy-logo.svg" width="75px;" alt="PyPy/"></image></a>
</div>
+ <nav><div class="nav-mobile">
+ <a id="nav-toggle" href="#!"> <span></span></a>
+ </div>
+ <ul class="nav-list">
+<li>
+ <a href="#!">Features</a>
+ <ul class="nav-dropdown">
+<li> <a href="features.html">What is PyPy?</a> </li>
+ <li> <a href="compat.html">Compatibility</a> </li>
+ <li> <a href="performance.html">Performance</a> </li>
+ </ul>
+</li>
+ <li> <a href="download.html">Download</a> </li>
+ <li> <a href="http://doc.pypy.org">Dev Documentation</a> </li>
+ <li> <a href="http://morepypy.blogspot.com">Blog</a> </li>
+ <li>
+ <a href="#!">About</a>
+ <ul class="nav-dropdown">
+<li> <a href="#">People</a> </li>
+ <li> <a href="contact.html">Contact</a> </li>
+ </ul>
+</li>
+
+ </ul></nav>
</div>
- <a href="download.html">Download</a>
- <a href="http://doc.pypy.org">Dev Documentation</a>
- <a href="http://morepypy.blogspot.com">Blog</a>
- <div class="dropdown"> <button class="dropbtn">About
- <i class="fa fa-caret-down"></i>
- </button>
- <div class="dropdown-content">
- <a class="active" href="#">People(active)</a>
- <a href="contact.html">Contact</a>
- </div>
-</div>
-
-
-
-
- </div>
- <a href="javascript:void(0);" class="icon" onclick="make_responsive()">☰</a>
- </div>
-
- </header><main id="content"><article class="post-text storypage" itemscope="itemscope" itemtype="http://schema.org/Article"><header><h1 class="p-name entry-title" itemprop="headline name"><a href="#" class="u-url">The PyPy Team (from 2008)</a></h1>
+ </section></header><main id="content"><article class="post-text storypage" itemscope="itemscope" itemtype="http://schema.org/Article"><header><h1 class="p-name entry-title" itemprop="headline name"><a href="#" class="u-url">The PyPy Team (from 2008)</a></h1>
</header><div class="e-content entry-content" itemprop="articleBody text">
@@ -204,6 +201,6 @@
</footer>
</div>
- <script src="assets/js/styles.js"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" crossorigin="anonymous"></script><script src="assets/js/styles.js"></script>
</body>
</html>
diff --git a/public/performance.html b/public/performance.html
--- a/public/performance.html
+++ b/public/performance.html
@@ -40,41 +40,38 @@
</a></h1>
- <div class="myTopNav">
- <div>
- <a href="index.html" height="40px;">
- <image src="images/pypy-logo.svg" width="75px;" alt="PyPy/"></image></a>
- </div>
- <div class="topnav">
- <div class="dropdown"> <button class="dropbtn">Features
- <i class="fa fa-caret-down"></i>
- </button>
- <div class="dropdown-content">
- <a href="features.html">What is PyPy?</a>
- <a href="compat.html">Compatibility</a>
- <a class="active" href="#">Performance(active)</a>
+ <!-- Adapted from https://www.taniarascia.com/responsive-dropdown-navigation-bar -->
+ <section class="navigation"><div class="nav-container">
+ <div class="brand">
+ <a href="index.html">
+ <image id="toplogo" src="images/pypy-logo.svg" width="75px;" alt="PyPy/"></image></a>
</div>
+ <nav><div class="nav-mobile">
+ <a id="nav-toggle" href="#!"> <span></span></a>
+ </div>
+ <ul class="nav-list">
+<li>
+ <a href="#!">Features</a>
+ <ul class="nav-dropdown">
+<li> <a href="features.html">What is PyPy?</a> </li>
+ <li> <a href="compat.html">Compatibility</a> </li>
+ <li> <a href="#">Performance</a> </li>
+ </ul>
+</li>
+ <li> <a href="download.html">Download</a> </li>
+ <li> <a href="http://doc.pypy.org">Dev Documentation</a> </li>
+ <li> <a href="http://morepypy.blogspot.com">Blog</a> </li>
+ <li>
+ <a href="#!">About</a>
+ <ul class="nav-dropdown">
+<li> <a href="people.html">People</a> </li>
+ <li> <a href="contact.html">Contact</a> </li>
+ </ul>
+</li>
+
+ </ul></nav>
</div>
- <a href="download.html">Download</a>
- <a href="http://doc.pypy.org">Dev Documentation</a>
- <a href="http://morepypy.blogspot.com">Blog</a>
- <div class="dropdown"> <button class="dropbtn">About
- <i class="fa fa-caret-down"></i>
- </button>
- <div class="dropdown-content">
- <a href="people.html">People</a>
- <a href="contact.html">Contact</a>
- </div>
-</div>
-
-
-
-
- </div>
- <a href="javascript:void(0);" class="icon" onclick="make_responsive()">☰</a>
- </div>
-
- </header><main id="content"><article class="post-text storypage" itemscope="itemscope" itemtype="http://schema.org/Article"><header><h1 class="p-name entry-title" itemprop="headline name"><a href="#" class="u-url">Performance</a></h1>
+ </section></header><main id="content"><article class="post-text storypage" itemscope="itemscope" itemtype="http://schema.org/Article"><header><h1 class="p-name entry-title" itemprop="headline name"><a href="#" class="u-url">Performance</a></h1>
</header><div class="e-content entry-content" itemprop="articleBody text">
@@ -389,6 +386,6 @@
</footer>
</div>
- <script src="assets/js/styles.js"></script>
+ <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js" crossorigin="anonymous"></script><script src="assets/js/styles.js"></script>
</body>
</html>
diff --git a/public/sitemap.xml b/public/sitemap.xml
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -7,11 +7,11 @@
http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd">
<url>
<loc>https://www.pypy.org/</loc>
- <lastmod>2020-01-08T11:00:00Z</lastmod>
+ <lastmod>2020-01-09T00:47:00Z</lastmod>
</url>
<url>
<loc>https://www.pypy.org/archive.html</loc>
- <lastmod>2020-01-09T00:45:00Z</lastmod>
+ <lastmod>2020-02-09T13:13:00Z</lastmod>
</url>
<url>
<loc>https://www.pypy.org/blog/</loc>
@@ -23,26 +23,26 @@
</url>
<url>
<loc>https://www.pypy.org/compat.html</loc>
- <lastmod>2020-01-09T00:45:00Z</lastmod>
+ <lastmod>2020-02-09T13:13:00Z</lastmod>
</url>
<url>
<loc>https://www.pypy.org/contact.html</loc>
- <lastmod>2020-01-09T00:45:00Z</lastmod>
+ <lastmod>2020-02-09T13:13:00Z</lastmod>
</url>
<url>
<loc>https://www.pypy.org/download.html</loc>
- <lastmod>2020-01-09T00:45:00Z</lastmod>
+ <lastmod>2020-02-09T13:13:00Z</lastmod>
</url>
<url>
<loc>https://www.pypy.org/features.html</loc>
- <lastmod>2020-01-09T00:45:00Z</lastmod>
+ <lastmod>2020-02-09T13:13:00Z</lastmod>
</url>
<url>
<loc>https://www.pypy.org/people.html</loc>
- <lastmod>2020-01-09T00:45:00Z</lastmod>
+ <lastmod>2020-02-09T13:13:00Z</lastmod>
</url>
<url>
<loc>https://www.pypy.org/performance.html</loc>
- <lastmod>2020-01-09T00:45:00Z</lastmod>
+ <lastmod>2020-02-09T13:13:00Z</lastmod>
</url>
</urlset>
\ No newline at end of file
diff --git a/public/sitemapindex.xml b/public/sitemapindex.xml
--- a/public/sitemapindex.xml
+++ b/public/sitemapindex.xml
@@ -11,6 +11,6 @@
</sitemap>
<sitemap>
<loc>https://www.pypy.org/sitemap.xml</loc>
- <lastmod>2020-01-09T00:45:00Z</lastmod>
+ <lastmod>2020-02-09T13:13:00Z</lastmod>
</sitemap>
</sitemapindex>
\ No newline at end of file
More information about the pypy-commit
mailing list