index.html

   1 <?xml version="1.0" encoding="UTF-8"?>
   2 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
   3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
   4 <head>
   5     <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
   6     <link rel="stylesheet" href="style/pixelless.css" type="text/css"/>
   7     <title>Playground</title>
   8 </head>
   9 <body>
  10 <div id="container">
  11     <div class="content header">
  12         <h1>Playground</h1>
  13     </div>
  14     <div id="menu0">
  15         <div class="content">
  16             <a class="selected" href="./index.html" title="Go to Homepage" rel="home">Home</a>
  17             <a href="../jstetris/index.html" title="Play jsTetris, a JavaScript tetris" rel="play">JavaScript tetris</a>
  18             <a href="../hexnake/index.html" title="Play Hexnake" rel="play">Hexnake</a>
  19         </div>
  20     </div>
  21     <div id="menu1">
  22         <div class="content">
  23             <a href="bezier.html">Besier Curves</a>
  24             <a href="hexgrid/index.html">Hexademical grid</a>
  25             <a href="boom.html">Boom animation</a>
  26             <a href="genetic/index.html">Genetic algorithm</a>
  27             <a href="inheritance.js">Inheritance example</a>
  28             <a href="potential-field/index.html">Potential fields</a>
  29         </div>
  30     </div>
  31
  32     <!--<div id="menu2">-->
  33     <!--<div class="content">-->
  34     <!--<a href="#">Sabe</a>-->
  35     <!--<a href="#">Edit</a>-->
  36     <!--<a href="#">Commit...</a>-->
  37     <!--<a href="#" class="selected">Update</a>-->
  38     <!--<a href="#">Revert</a>-->
  39     <!--</div>-->
  40     <!--</div>-->
  41     <div class="content">
  42         <h1>An important header</h1>
  43
  44         <p>
  45         Lorem ipsum <a href="google.com">dolor sit</a> amet, <a href="progress/index.html">progress</a> adipiscing elit. Vestibulum pharetra lorem
  46             id lacus. Proin at dui.
  47             Quisque aliquet. Donec rhoncus, nulla sed convallis congue, velit <a href="">mauris</a> sollicitudin turpis,
  48             at tempus
  49             lectus urna a est. Donec et neque vitae felis imperdiet cursus. Nunc sollicitudin feugiat sapien.
  50             Suspendisse luctus lectus ac tortor. <a href="let.com">Nam porta</a> ipsum non purus. Aenean sagittis,
  51             mauris sed dictum faucibus,
  52             nibh sapien placerat elit, mattis porta dolor orci ac leo. In risus libero, eleifend id, blandit vitae,
  53             dignissim at, tortor. Praesent commodo. Donec elit dolor, placerat nec, mollis sit amet, facilisis ut, mi.
  54             Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
  55         </p>
  56
  57         <p>
  58             Donec vulputate. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce
  59             congue nunc sed risus laoreet dictum. Sed ipsum mi, congue vitae, vulputate non, ultricies vitae, ipsum.
  60             Aliquam erat volutpat. Suspendisse ac dui sed magna luctus pretium. Donec mollis. Aliquam erat volutpat.
  61             Mauris diam nunc, consequat et, congue <a href="https://www.example.com/">vitae</a>, euismod ac, leo. Morbi sit amet risus. Aenean ante risus,
  62             aliquet ac, accumsan et, aliquam non, erat. Vestibulum sed erat non est tristique eleifend. Phasellus
  63             ullamcorper.
  64         </p>
  65
  66         <h2>Subheading section</h2>
  67
  68         <p>
  69             Maecenas nunc. Sed a nunc. Sed erat. Sed ac odio. Vivamus malesuada. In vulputate justo non nibh. In hac
  70             habitasse <a href="wave.google.com">wave</a> platea dictumst. Ut posuere. Praesent neque enim, fermentum eleifend, dictum non, accumsan sed,
  71             pede. Ut placerat, metus in consequat tempor, tortor arcu malesuada ligula, ac vestibulum dui sapien
  72             placerat nisl. Aliquam dictum. Nunc venenatis, sem et viverra semper, nibh tortor sollicitudin nisi, quis
  73             auctor sem ante adipiscing leo. Mauris adipiscing metus sed velit. In interdum sodales mi. Sed non augue.
  74         </p>
  75
  76         <p>
  77             Pellentesque a arcu at quam viverra semper. Pellentesque nibh urna, sollicitudin a, eleifend eget, feugiat
  78             id, ante. Ut eget risus id ligula vulputate dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing
  79             elit. Etiam viverra nulla nec massa. Mauris condimentum eleifend justo. Pellentesque habitant morbi
  80             tristique senectus et netus et malesuada fames ac turpis egestas. Sed nisi justo, dignissim mollis,
  81             adipiscing ac, pharetra vitae, mauris. Donec eu nunc et elit euismod scelerisque. Maecenas eu lectus. Duis
  82             hendrerit consequat nisi. Mauris bibendum vehicula purus.
  83         </p>
  84
  85         <h3>A header of third level</h3>
  86
  87         <p>
  88             Donec vulputate. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce
  89             congue nunc sed risus laoreet dictum. Sed ipsum mi, congue vitae, vulputate non, ultricies vitae, ipsum.
  90             Aliquam erat volutpat. Suspendisse ac dui sed magna luctus pretium. Donec mollis. Aliquam erat volutpat.
  91             Mauris diam nunc, consequat et, congue vitae, euismod ac, leo. Morbi sit amet risus. Aenean ante risus,
  92             aliquet ac, accumsan et, aliquam non, erat. Vestibulum sed erat non est tristique eleifend. Phasellus
  93             ullamcorper.
  94         </p>
  95
  96         <p>
  97             Maecenas nunc. Sed a nunc. Sed erat. Sed ac odio. Vivamus malesuada. In vulputate justo non nibh. In hac
  98             habitasse platea dictumst. Ut posuere. Praesent neque enim, fermentum eleifend, dictum non, accumsan sed,
  99             pede. Ut placerat, metus in consequat tempor, tortor arcu malesuada ligula, ac vestibulum dui sapien
 100             placerat nisl. Aliquam dictum. Nunc venenatis, sem et viverra semper, nibh tortor sollicitudin nisi, quis
 101             auctor sem ante adipiscing leo. Mauris adipiscing metus sed velit. In interdum sodales mi. Sed non augue.
 102         </p>
 103
 104         <p>
 105             Pellentesque a arcu at quam viverra semper. Pellentesque nibh urna, sollicitudin a, eleifend eget, feugiat
 106             id, ante. Ut eget risus id ligula vulputate dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing
 107             elit. Etiam viverra nulla nec massa. Mauris condimentum eleifend justo. Pellentesque habitant morbi
 108             tristique senectus et netus et malesuada fames ac turpis egestas. Sed nisi justo, dignissim mollis,
 109             adipiscing ac, pharetra vitae, mauris. Donec eu nunc et elit euismod scelerisque. Maecenas eu lectus. Duis
 110             hendrerit consequat nisi. Mauris bibendum vehicula purus.
 111         </p>
 112
 113         <p>
 114             Donec vulputate. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce
 115             congue nunc sed risus laoreet dictum. Sed ipsum mi, congue vitae, vulputate non, ultricies vitae, ipsum.
 116             Aliquam erat volutpat. Suspendisse ac dui sed magna luctus pretium. Donec mollis. Aliquam erat volutpat.
 117             Mauris diam nunc, consequat et, congue vitae, euismod ac, leo. Morbi sit amet risus. Aenean ante risus,
 118             aliquet ac, accumsan et, aliquam non, erat. Vestibulum sed erat non est tristique eleifend. Phasellus
 119             ullamcorper.
 120         </p>
 121
 122         <p>
 123             Maecenas nunc. Sed a nunc. Sed erat. Sed ac odio. Vivamus malesuada. In vulputate justo non nibh. In hac
 124             habitasse platea dictumst. Ut posuere. Praesent neque enim, fermentum eleifend, dictum non, accumsan sed,
 125             pede. Ut placerat, metus in consequat tempor, tortor arcu malesuada ligula, ac vestibulum dui sapien
 126             placerat nisl. Aliquam dictum. Nunc venenatis, sem et viverra semper, nibh tortor sollicitudin nisi, quis
 127             auctor sem ante adipiscing leo. Mauris adipiscing metus sed velit. In interdum sodales mi. Sed non augue.
 128         </p>
 129
 130         <p>
 131             Pellentesque a arcu at quam viverra semper. Pellentesque nibh urna, sollicitudin a, eleifend eget, feugiat
 132             id, ante. Ut eget risus id ligula vulputate dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing
 133             elit. Etiam viverra nulla nec massa. Mauris condimentum eleifend justo. Pellentesque habitant morbi
 134             tristique senectus et netus et malesuada fames ac turpis egestas. Sed nisi justo, dignissim mollis,
 135             adipiscing ac, pharetra vitae, mauris. Donec eu nunc et elit euismod scelerisque. Maecenas eu lectus. Duis
 136             hendrerit consequat nisi. Mauris bibendum vehicula purus.
 137         </p>
 138
 139         <p>
 140             Donec vulputate. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce
 141             congue nunc sed risus laoreet dictum. Sed ipsum mi, congue vitae, vulputate non, ultricies vitae, ipsum.
 142             Aliquam erat volutpat. Suspendisse ac dui sed magna luctus pretium. Donec mollis. Aliquam erat volutpat.
 143             Mauris diam nunc, consequat et, congue vitae, euismod ac, leo. Morbi sit amet risus. Aenean ante risus,
 144             aliquet ac, accumsan et, aliquam non, erat. Vestibulum sed erat non est tristique eleifend. Phasellus
 145             ullamcorper.
 146         </p>
 147
 148         <p>
 149             Maecenas nunc. Sed a nunc. Sed erat. Sed ac odio. Vivamus malesuada. In vulputate justo non nibh. In hac
 150             habitasse platea dictumst. Ut posuere. Praesent neque enim, fermentum eleifend, dictum non, accumsan sed,
 151             pede. Ut placerat, metus in consequat tempor, tortor arcu malesuada ligula, ac vestibulum dui sapien
 152             placerat nisl. Aliquam dictum. Nunc venenatis, sem et viverra semper, nibh tortor sollicitudin nisi, quis
 153             auctor sem ante adipiscing leo. Mauris adipiscing metus sed velit. In interdum sodales mi. Sed non augue.
 154         </p>
 155
 156         <p>
 157             Pellentesque a arcu at quam viverra semper. Pellentesque nibh urna, sollicitudin a, eleifend eget, feugiat
 158             id, ante. Ut eget risus id ligula vulputate dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing
 159             elit. Etiam viverra nulla nec massa. Mauris condimentum eleifend justo. Pellentesque habitant morbi
 160             tristique senectus et netus et malesuada fames ac turpis egestas. Sed nisi justo, dignissim mollis,
 161             adipiscing ac, pharetra vitae, mauris. Donec eu nunc et elit euismod scelerisque. Maecenas eu lectus. Duis
 162             hendrerit consequat nisi. Mauris bibendum vehicula purus.
 163         </p>
 164
 165         <p>
 166             Donec vulputate. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce
 167             congue nunc sed risus laoreet dictum. Sed ipsum mi, congue vitae, vulputate non, ultricies vitae, ipsum.
 168             Aliquam erat volutpat. Suspendisse ac dui sed magna luctus pretium. Donec mollis. Aliquam erat volutpat.
 169             Mauris diam nunc, consequat et, congue vitae, euismod ac, leo. Morbi sit amet risus. Aenean ante risus,
 170             aliquet ac, accumsan et, aliquam non, erat. Vestibulum sed erat non est tristique eleifend. Phasellus
 171             ullamcorper.
 172         </p>
 173
 174         <p>
 175             Maecenas nunc. Sed a nunc. Sed erat. Sed ac odio. Vivamus malesuada. In vulputate justo non nibh. In hac
 176             habitasse platea dictumst. Ut posuere. Praesent neque enim, fermentum eleifend, dictum non, accumsan sed,
 177             pede. Ut placerat, metus in consequat tempor, tortor arcu malesuada ligula, ac vestibulum dui sapien
 178             placerat nisl. Aliquam dictum. Nunc venenatis, sem et viverra semper, nibh tortor sollicitudin nisi, quis
 179             auctor sem ante adipiscing leo. Mauris adipiscing metus sed velit. In interdum sodales mi. Sed non augue.
 180         </p>
 181
 182         <p>
 183             Pellentesque a arcu at quam viverra semper. Pellentesque nibh urna, sollicitudin a, eleifend eget, feugiat
 184             id, ante. Ut eget risus id ligula vulputate dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing
 185             elit. Etiam viverra nulla nec massa. Mauris condimentum eleifend justo. Pellentesque habitant morbi
 186             tristique senectus et netus et malesuada fames ac turpis egestas. Sed nisi justo, dignissim mollis,
 187             adipiscing ac, pharetra vitae, mauris. Donec eu nunc et elit euismod scelerisque. Maecenas eu lectus. Duis
 188             hendrerit consequat nisi. Mauris bibendum vehicula purus.
 189         </p>
 190
 191         <div class="empty_footer">
 192         </div>
 193     </div>
 194 </div>
 195 <div id="footer">
 196     <div class="content">
 197         &copy; 2008-2010 Vynogradov
 198     </div>
 199 </div>
 200 </body>
 201 </html>