GitHub Pages and Python

This GitHub project provides GitHub Pages and Data Strucutres Python code in the same Repository.

Project maintained by nighthawkcoders Hosted on GitHub Pages — Theme by nighthawkcodingsociety
Home Code CB Notes Comments

Home (Tianbin style)

This page uses an autoplay video loop as its backround. This Code, HTML and CSS, is illustrated below.

<!-- added to index.md -->
<div id="video_wrapper">
  <video autoplay loop>
    <source src="https://drive.google.com/uc?export=view&id=1Qote5m--Bme0bE4_o6wAKNRxWY8pJnuL" type="video/mp4">
  </video>
</div>

<!-- pages_python/_includes/head-custom2.html -->

<style>
#video_wrapper {
    margin:0px;
    padding:0px;
}
#video_wrapper video {
    position: fixed;
    top: 50%; left: 50%;
    z-index: -99; important!
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
}
</style>

Ripping a theme: jekyll-theme-midnight

Using GitHub pages with Jekyll requires us to establish personal style. This page is built on midnight theme. However to customize it, this requires ripping the authors work and doing personal customization. According to the Creative Commons license provided by the author, ripping this theme is completely valid. Below is portion of the file, showing insertion of navigation and content.

<!-- pages_python/_layouts/default.html
     customization added to original midnight theme found through GitHub Pages -->

  
  <body>
      <div id="header">
        <nav>
          <ul>
            <li class="fork"><a href="https://github.com/nighthawkcoders/pages_python">View On GitHub</a></li>
            
          </ul>
        </nav>
      </div><!-- end header -->

    <div class="wrapper">

      <section>
        <div id="title">
          <h1>GitHub Pages and Python</h1>
          <p>This GitHub project provides GitHub Pages and Data Strucutres Python code in the same Repository.</p>
          <hr>
          <span class="credits left">Project maintained by <a href="https://github.com/nighthawkcoders">nighthawkcoders</a></span>
          <!-- Credit goes to peron in next line, as nighthawkcoding society is rebranding this as their own
               <span class="credits right">Hosted on GitHub Pages &mdash; Theme by <a href="https://twitter.com/mattgraham">mattgraham</a></span> -->
          <span class="credits right">Hosted on GitHub Pages &mdash; Theme by <a href="https://twitter.com/NighthawkCoding">nighthawkcodingsociety</a></span> 
        </div>
        
        <!-- "include navigation.html" allows inserted navigation that can be updated in independent file -->
        
<table>
     <tr>
         <td><a href=".">Home</a></td>
         <td><a href="code">Code</a></td>
         <td><a href="notes">CB Notes</a></td>
         <td><a href="comments">Comments</a></td>
     </tr>
 </table>


        <!-- "content" is Jekyll keyword, the md content will be inserted here -->
<div id="video_wrapper">
  <video autoplay loop>
    <source src="https://drive.google.com/uc?export=view&id=1Qote5m--Bme0bE4_o6wAKNRxWY8pJnuL" type="video/mp4">
  </video>
</div>
        
      </section>

    </div>
  </body>
</html>