lektura

lektura.git
git clone git://git.lenczewski.org/lektura.git
Log | Files | Refs

global.html (2861B)

      1 <!DOCTYPE html>
      2 <html lang="en">
      3   <head>
      4     <title>%title%</title>
      5 
      6     <meta charset="utf8" />
      7     <meta name="viewport" content="initial-scale=1.0, width=device-width" />
      8     
      9     <link rel="stylesheet" href="/css/style.css" />
     10     <link rel="stylesheet" href="/css/navbar.css" />
     11     <link rel="stylesheet" href="/css/layout.css" />
     12     <link rel="stylesheet" href="/css/article.css" />
     13   </head>
     14   <body>
     15     <header>
     16       <div class="flex center pad-t-1em pad-b-1em">
     17         <img style="max-width: 2em" src="/res/logo.svg" />
     18         <label class="navbar-toggle-label" for="global-menu-toggle">
     19           <img src="/res/menu.svg" />
     20         </label>
     21       </div>
     22       <hr />
     23       <nav id="global-menu" class="navbar">
     24         <input id="global-menu-toggle" type="checkbox" class="hidden navbar-toggle" />
     25         <ul class="center navbar-menu">
     26           <li><a href="/index.html">Index</a></li>
     27           <li><a href="/science.html">Science</a></li>
     28           <li><a href="/society.html">Society</a></li>
     29           <li><a href="/sport.html">Sport</a></li>
     30         </ul>
     31         <hr class="navbar-divider" />
     32       </nav>
     33     </header>
     34     <main class="grid center">
     35       <div id="banner" class="grid">
     36         <div id="breaking-news-1" class="breaking-news">
     37           <img src="/res/imgs/placeholder.jpg" alt="breaking news" />
     38           <span class="breaking-news-grad-1"></span>
     39           <h2 class="breaking-news-title">Bottom Text</h2>
     40         </div>
     41         <div id="breaking-news-2" class="breaking-news">
     42           <img src="/res/imgs/placeholder.jpg" alt="breaking news" />
     43           <span class="breaking-news-grad-2"></span>
     44           <h2 class="breaking-news-title">Bottom Text</h2>
     45         </div>
     46         <div id="breaking-news-3" class="breaking-news">
     47           <img src="/res/imgs/placeholder.jpg" alt="breaking news" />
     48           <span class="breaking-news-grad-3"></span>
     49           <h2 class="breaking-news-title">Bottom Text</h2>
     50         </div>
     51       </div>
     52       <div id="content">
     53 %content%
     54       </div>
     55       <div id="sidebar">
     56         <section id="recent">
     57           <h3>Recent</h3>
     58           <hr />
     59           <ol>
     60             <li><a href="recent1.html">Recent 1</a></li>
     61             <li><a href="recent2.html">Recent 2</a></li>
     62             <li><a href="recent3.html">Recent 3</a></li>
     63           </ol>
     64         </section>
     65         <section id="polls">
     66           <h3>Polls</h3>
     67           <hr />
     68           <ol>
     69             <li><a href="poll1.html">Poll 1</a></li>
     70             <li><a href="poll2.html">Poll 2</a></li>
     71             <li><a href="poll3.html">Poll 3</a></li>
     72           </ol>
     73         </section>
     74       </div>
     75     </main>
     76     <footer>
     77       <hr />
     78       <div class="center pad-t-1em pad-b-1em">
     79         <span>Lektura &copy; 2026</span>
     80       </div>
     81     </footer>
     82   </body>
     83   <script src="/js/script.js"></script>
     84 </html>