examples/webpage/index.html

<html lang="de">
   <head xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:eoa="http://www.edition-open-access.de/ns">
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <title>Der ewige Testband</title>
      <link rel="shortcut icon" href="./static/assets/images/favicon.png">
      <link href="./static/app.css" rel="stylesheet">
      <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
      <meta name="viewport" content="width=device-width, initial-scale=1">
      <meta http-equiv="pragma" content="no-cache">
      <meta name="citation_title" content="Der ewige Testband">
      <meta name="citation_date" content="2016-08-04">
      <meta name="citation_author" content="Klaus Thoden and A. N. Other">
      <meta name="DC.title" content="Der ewige Testband">
      <meta name="DC.issued" content="2016/08/04">
      <meta name="DC.publisher" content="Edition Open Access">
      <meta name="DC.type" content="Text">
      <meta name="DC.creator" content="Klaus Thoden and A. N. Other">
    <style>
      td { padding-right: 30px; padding-top:10px ;width: 200px; vertical-align: top; }
    </style>

   </head>
   <body xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:eoa="http://www.edition-open-access.de/ns">
      <div class="page">
         <div class="content">
            <div class="mobile-header__background"></div>
            <header class="header">
               <div class="header__content">
                  <div class="blocklogo container">
                     <div class="blocklogo__logo"><a href="/index.html"><img class="blocklogo__img" src="./static/assets/images/mprl843x495_white.png" alt="logo" data-object-fit="cover"></a></div>
                  </div>
                  <nav class="nav"><a class="nav-toggle" href="#"><span class="nav-toggle__item"></span><span class="nav-toggle__item"></span><span class="nav-toggle__item"></span></a><div class="nav__wrapper">
                        <div class="container">
                           <ul class="nav__menu">
                              <li class="nav__item nav-footer"><a class="nav__link nav-footer__link" href="/imprint.html">Imprint &amp; Contact</a><a class="nav__link nav-footer__link" href="/technical.html">Technical Information</a></li>
                           </ul>
                        </div>
                     </div>
                  </nav>
                  <nav class="breadcrumbs container">
                     <ul class="breadcrumbs__items">
                        <li class="breadcrumbs__item"><a class="breadcrumbs__link" href="./publications.html/studies" title="Studies">Studies</a></li>
                        <li class="breadcrumbs__item"><span class="breadcrumbs__link-current" style="max-width: 800px;">Der ewige Testband</span></li>
                     </ul>
                  </nav>
               </div>
            </header>
            <main class="main publications">
               <div class="container">
                  <div class="main-content">
                     <section class="publications__teaser">
                        <div class="project-teaser">
                           <div class="project-teaser__image"><img src="./images/Cover.jpg" alt="Cover image of Der ewige Testband" data-object-fit="cover"></div>
                           <div class="project-teaser-info">
                              <div class="project-teaser-info__category">Studies 125</div>
                              <h2 class="project-teaser-info__title">Der ewige Testband</h2><a class="project-teaser-info__author-link" href="#"><a class="project-teaser-info__author-link" href="#">Klaus Thoden</a><span class="project-teaser-info__author-link"> and </span><a class="project-teaser-info__author-link" href="#">A. N. Other</a></a><span class="project-teaser-info__author-link"> (Hrsg.)</span><div class="project-teaser-info__buttons"><a class="link link--green" href="./1/index.html"><span class="link__label">READ ONLINE</span></a><a class="link ml-20" href="#"><span class="link__label link__label--inner">PDF</span></a><a class="link ml-20" href="#"><span class="link__label link__label--inner">EBOOK</span></a></div>
                              <div class="project-teaser-info__subtext">
                                 														Click on the entries in the Table of Contents below to download individual
                                 chapters.
                                 														<br>
                                 														This publication is licensed under a
                                 														<a href="https://creativecommons.org/licenses/by-nc-sa/3.0/de/deed.en" target="_blank">Creative
                                    Commons Attribution-NonCommercial-ShareAlike 3.0 Germany
                                    															Licence
                                    														</a>
                                 													.
                              </div>
                           </div>
                        </div>
                        <div class="publications-phone__additional-info">
                           <div class="publishing__buttons-block publishing__phone-btn">
                              <div class="more-block"><button class="more-block__btn link" type="button" name="read" value="read">Read</button><div class="more-block__drop-down more-block__drop-down_small"><a class="arrow-link" href="./1/index.html">
                                       																			Online
                                       																		</a><a class="arrow-link_down" href="#">
                                       																			PDF
                                       																		</a><a class="arrow-link_down" href="#">
                                       																			EBOOK
                                       																		</a></div>
                              </div>
                           </div>
                           <div class="project-teaser-info__subtext">
                              													This publication is licensed under a
                              													<a href="https://creativecommons.org/licenses/by-nc-sa/3.0/de/deed.en" target="_blank">Creative
                                 Commons Attribution-NonCommercial-ShareAlike 3.0 Germany</a>
                              													Licence.

                           </div>
                        </div>
                     </section>
                     <section>
                        <div class="publications-info">
                           <div class="accordion">
                              <div class="accordion__item accordion__item--border-top active"><a class="accordion__title" href="#">
                                    <h2>Information</h2></a><div class="accordion__content">
                                    <div class="layout-col-3">
                                       <div class="column">
                                          <div class="row">
                                             <h4>ISBN</h4>
                                             <p>978-3-945561-XXX</p>
                                             <h4>Pages</h4>
                                             <p>596</p>
                                             <h4>Publication Date</h4>
                                             <p>August 4, 2016</p>
                                          </div>
                                       </div>
                                       <div class="column">
                                          <div class="row">
                                             <h4>Print on Demand</h4>
                                             <p><a href="http://www.pro-business.com/">PRO BUSINESS
                                                   </a></p>
                                             <h4>Price</h4>
                                             <p>31.90 €</p>
                                          </div>
                                       </div>
                                       <div class="column">
                                          <div class="row">
                                             <h4>Submitted by</h4>
                                             <p>The Submitter</p>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                        <div class="publishing__block publication__tabs">
                           <div class="tabs">
                              <div class="tabs__head">
                                 <ul class="tabs__items">
                                    <li class="tabs__item"><a class="tabs__label" href="#">DESCRIPTION</a></li>
                                    <li class="tabs__item"><a class="tabs__label" href="#">TABLE OF CONTENTS</a></li>
                                    <li class="tabs__item"><a class="tabs__label" href="#">INDEX</a></li>
                                    <li class="tabs__item"><a class="tabs__label" href="#">INDEX OF LOCATIONS</a></li>
                                    <li class="tabs__item"><a class="tabs__label" href="#">INDEX OF NAMES</a></li>
                                    <li class="tabs__item"><a class="tabs__label" href="#">List of figures</a></li>
                                 </ul>
                              </div>
                              <div class="tabs__content">
                                 <div class="tabs__content-item">The
                                 abstract of a book. The abstract of a
                                 book. The abstract of a book. The
                                 abstract of a book. The abstract of a
                                 book. The abstract of a book. The
                                 abstract of a book. The abstract of a
                                 book. The abstract of a book. The
                                 abstract of a book. The abstract of a
                                 book. The abstract of a book. The
                                 abstract of a book. The abstract of a
                                 book. The abstract of a book. </div>
                                 <div class="tabs__content-item">
                                    <div class="publications__content">
                                       <h4>This is the first part</h4>
                                       <h5><a href="./1/index.html">Unnumbered document structure</a></h5>
                                       <h5>1 <a href="./2/index.html">Document structure</a></h5>
                                       <h5>2 <a href="./3/index.html">Markup</a><br><em>A. N. Other</em></h5>
                                       <h5>3 <a href="./4/index.html">LaTeX specifics</a></h5>
                                       <h5>4 <a href="./5/index.html">References and indices</a></h5>
                                       <h5>5 <a href="./6/index.html">Floating environments</a></h5>
                                       <h5>6 <a href="./7/index.html">Formulas</a></h5>
                                       <h5>7 <a href="./8/index.html">Facsimiles</a></h5>
                                       <h5>8 <a href="./9/index.html">Single Facsimile Page</a></h5>
                                       <h5>9 <a href="./10/index.html">Facsimile Transcription and Translation</a></h5>
                                       <h5>10 <a href="./11/index.html">Facsimile and Text</a></h5>
                                       <h5>11 <a href="./12/index.html">Facsimile and Letter</a></h5>
                                    </div>
                                 </div>
                                 <div class="tabs__content-item">
                                    <div class="publications__index-name">
                                       <div class="accordion"><a class="accordion__showall" href="#">Show All</a><div class="accordion__item"><a class="accordion__title" href="#">
                                                <h2 class="border">I</h2></a><div class="accordion__content">
                                                <h4>Indexing</h4>
                                                <ul>
                                                   <li><a href="http://mprl-series.mpg.de/studies/125/5/index.html#1">1</a></li>
                                                </ul>
                                             </div>
                                          </div>
                                          <div class="accordion__item"><a class="accordion__title" href="#">
                                                <h2 class="border">K</h2></a><div class="accordion__content">
                                                <h4>Konfuzius</h4>
                                                <ul>
                                                   <li><a href="http://mprl-series.mpg.de/studies/125/5/index.html#6">1</a></li>
                                                </ul>
                                             </div>
                                          </div>
                                          <div class="accordion__item"><a class="accordion__title" href="#">
                                                <h2 class="border">P</h2></a><div class="accordion__content">
                                                <h4>PavendishPharles2</h4>
                                                <ul>
                                                   <li><a href="http://mprl-series.mpg.de/studies/125/5/index.html#7">1</a></li>
                                                </ul>
                                             </div>
                                          </div>
                                          <div class="accordion__item"><a class="accordion__title" href="#">
                                                <h2 class="border">S</h2></a><div class="accordion__content">
                                                <h4>Science</h4>
                                                <ul>
                                                   <li><a href="http://mprl-series.mpg.de/studies/125/5/index.html#5">1</a></li>
                                                </ul>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="tabs__content-item">
                                    <div class="publications__index-name">
                                       <div class="accordion"><a class="accordion__showall" href="#">Show All</a><div class="accordion__item"><a class="accordion__title" href="#">
                                                <h2 class="border">Z</h2></a><div class="accordion__content">
                                                <h4>Zürich</h4>
                                                <ul>
                                                   <li><a href="http://mprl-series.mpg.de/studies/125/5/index.html#3">1</a></li>
                                                </ul>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                                 <div class="tabs__content-item">
                                    <div class="publications__index-name">
                                       <div class="accordion"><a class="accordion__showall" href="#">Show All</a><div class="accordion__item"><a class="accordion__title" href="#">
                                                <h2 class="border">C</h2></a><div class="accordion__content">
                                                <h4>Carlos II, King of Spain</h4>
                                                <ul>
                                                   <li><a href="http://mprl-series.mpg.de/studies/125/5/index.html#">1</a></li>
                                                </ul>
                                                <h4>CavendishCharles2</h4>
                                                <ul>
                                                   <li><a href="http://mprl-series.mpg.de/studies/125/5/index.html#4">1</a></li>
                                                </ul>
                                             </div>
                                          </div>
                                          <div class="accordion__item"><a class="accordion__title" href="#">
                                                <h2 class="border">E</h2></a><div class="accordion__content">
                                                <h4>Este (House of)</h4>
                                                <ul>
                                                   <li><a href="http://mprl-series.mpg.de/studies/125/8/index.html#">1</a></li>
                                                   <li><a href="http://mprl-series.mpg.de/studies/125/8/index.html#7">2</a></li>
                                                </ul>
                                             </div>
                                          </div>
                                          <div class="accordion__item"><a class="accordion__title" href="#">
                                                <h2 class="border">G</h2></a><div class="accordion__content">
                                                <h4>Giovannini, Girolamo</h4>
                                                <ul>
                                                   <li><a href="http://mprl-series.mpg.de/studies/125/8/index.html#3">1</a></li>
                                                   <li><a href="http://mprl-series.mpg.de/studies/125/8/index.html#6">2</a></li>
                                                </ul>
                                             </div>
                                          </div>
                                          <div class="accordion__item"><a class="accordion__title" href="#">
                                                <h2 class="border">H</h2></a><div class="accordion__content">
                                                <h4>Habsburg (House of)</h4>
                                                <ul>
                                                   <li><a href="http://mprl-series.mpg.de/studies/125/8/index.html#4">1</a></li>
                                                </ul>
                                             </div>
                                          </div>
                                          <div class="accordion__item"><a class="accordion__title" href="#">
                                                <h2 class="border">J</h2></a><div class="accordion__content">
                                                <h4>James Joyce</h4>
                                                <ul>
                                                   <li><a href="http://mprl-series.mpg.de/studies/125/5/index.html#2">1</a></li>
                                                </ul>
                                             </div>
                                          </div>
                                          <div class="accordion__item"><a class="accordion__title" href="#">
                                                <h2 class="border">L</h2></a><div class="accordion__content">
                                                <h4>Lennon, John</h4>
                                                <ul>
                                                   <li><a href="http://mprl-series.mpg.de/studies/125/8/index.html#9">1</a></li>
                                                </ul>
                                             </div>
                                          </div>
                                          <div class="accordion__item"><a class="accordion__title" href="#">
                                                <h2 class="border">M</h2></a><div class="accordion__content">
                                                <h4>McCartney, Paul</h4>
                                                <ul>
                                                   <li><a href="http://mprl-series.mpg.de/studies/125/8/index.html#8">1</a></li>
                                                </ul>
                                             </div>
                                          </div>
                                          <div class="accordion__item"><a class="accordion__title" href="#">
                                                <h2 class="border">P</h2></a><div class="accordion__content">
                                                <h4>Petrus de Meneses</h4>
                                                <ul>
                                                   <li><a href="http://mprl-series.mpg.de/studies/125/8/index.html#1">1</a></li>
                                                </ul>
                                             </div>
                                          </div>
                                          <div class="accordion__item"><a class="accordion__title" href="#">
                                                <h2 class="border">S</h2></a><div class="accordion__content">
                                                <h4>Schott, Franz</h4>
                                                <ul>
                                                   <li><a href="http://mprl-series.mpg.de/studies/125/8/index.html#2">1</a></li>
                                                </ul>
                                             </div>
                                          </div>
                                       </div>
                                    </div>
                                 </div>
                               <div class="tabs__content-item">
                                    <div class="publications__index-name">
                                      <div class="accordion"><a class="accordion__showall" href="#">Show All</a>


                  <div id="numsec8-1" class="accordion__item active"><a class="accordion__title" href="#">
                      <h2>1 Prosopography</h2></a><div class="accordion__content" style=""><a class="accordion__pageup" href="#"></a>
                      <table>
                        <tbody><tr>
                            <td><img src="./images/Figure1-1_BenedettiSignature.jpg"></td>
                            <td><img src="./images/Figure1-2_GauricoBenedettiHoroscope.jpg"></td>
                            <td><img src="./images/Figure1-3_SundialTurin.jpg"></td>
                          </tr>
                          <tr>
                            <td>1.1 An example of the titles Benedetti added to his name in his publications</td>
                            <td>1.2 Benedetti’s own horoscope</td>
                            <td>1.3 Sundial on the Church of San Lorenzo in Turin</td>
                          </tr>
                      </tbody></table>

                    </div>

                  </div>

                  <div id="numsec8-2" class="accordion__item active"><a class="accordion__title" href="#">
                      <h2>2 The Subalpine Environment</h2>
                    </a><div class="accordion__content"><a class="accordion__pageup" href="#"></a>
                      <table>
                        <tbody><tr>
                            <td><img src="./images/Figure2-1_EmanueleFiliberto.jpg"></td>
                            <td><img src="./images/Figure2-2_CarloEmanuele.jpg"></td>
                            <td><img src="./images/Figure2-3_BenedettiNauticalSphere.jpg"></td>
                            <td><img src="./images/Figure2-4_ChristiniFortification.jpg"></td>
                          </tr>
                          <tr>
                            <td>2.1 Portrait of Emanuele Filiberto from Tonso</td>
                            <td>2.2 Portrait of Carlo Emanuele I by Francesco Maria Ferrero di Labriano</td>
                            <td>2.3 An armillary nautical sphere invented by Benedetti for Andrea Provana</td>
                            <td>2.4 Fortification projects in a drawing by Bartolomeo Cristini</td>
                          </tr>
                          <tr>
                            <td><img src="./images/Figure2-5_PingoneTurin.jpg"></td>
                          </tr>
                          <tr>
                            <td>2.5 Map of Turin in Benedetti’s times</td>
                          </tr>
                      </tbody></table>
                    </div>
                  </div>
                  <div id="numsec8-3" class="accordion__item active"><a class="accordion__title" href="#">
                      <h2>3 Structure of the Book and Main Issues</h2></a><div class="accordion__content"><a class="accordion__pageup" href="#"></a>
                      <table>
                        <tbody>
                          <tr>
                            <td><img src="./images/Figure3-1_BenedettiDiversaeSpeculationes.jpg"></td>
                            <td><img src="./images/Figure3-2_BenedettiDiversaeSpeculationes.jpg"></td>
                            <td><img src="./images/Figure3-3_BenedettiDiversaeSpeculationes.jpg"></td>
                          </tr>
                          <tr>
                            <td>3.1 Geometrical demonstration for the solution of a particular set of equations</td>
                            <td>3.2 Plane diagram</td>
                            <td>3.3 Tridimensional diagram</td>
                          </tr>
                      </tbody></table>
                    </div>
                 </div>
                  <div id="numsec8-2" class="accordion__item active"><a class="accordion__title" href="#">
                    <h2>4 Epistemology</h2>
                    </a><div class="accordion__content"><a class="accordion__pageup" href="#"></a>
                      <table>
                        <tbody><tr>
                            <td><img src="./images/Figure4-1_ApianNemorarius.jpg"></td>
                            <td><img src="./images/Figure4-2_TartagliaDiagram.jpg"></td>
                            <td><img src="./images/Figure4-3_BenedettiDiagram.jpg"></td>
                            <td><img src="./images/Figure4-4_DescartesLeMonde.jpg"></td>
                          </tr>
                          <tr>
                            <td>4.1 Apianus’s 1533 diagram of Nemorarius’s positional heaviness</td>
                            <td>4.2 Diagram by Tartaglia on the determination of positional heavinesson on the basis of mixed angles of contact</td>
                            <td>4.3 A diagram showing Benedetti’s considerations on centrifugal forces</td>
                            <td>4.4 Descartes’s visualization of the centripetal tendency of the bodies through a sling</td>
                          </tr>
                      </tbody></table>
                    </div>
                  </div>

                  <div id="numsec8-2" class="accordion__item active"><a class="accordion__title" href="#">
                    <h2>5 Mechanics</h2>
                    </a><div class="accordion__content"><a class="accordion__pageup" href="#"></a>
                      <table>
                        <tbody><tr>
                            <td><img src="./images/Figure5-1_BenedettiDiagram.jpg"></td>
                            <td><img src="./images/Figure5-2_DelMonteSignature.jpg"></td>
                            <td><img src="./images/Figure5-3_DelMonteDiagram.jpg"></td>
                            <td><img src="./images/Figure5-4_BenedettiDiagram.jpg"></td>
                          </tr>
                          <tr>
                            <td>5.1 Benedetti’s diagram showing a balance</td>
                            <td>5.2 DelMonte’s marginal note to De mechanicis</td>
                            <td>5.3 Del Monte’s critical reworking of Benedetti’s diagram</td>
                            <td>5.4 Benedetti’s representation of forces acting on a balance in arbitrary directions</td>
                          </tr>
                          <tr>
                            <td><img src="./images/Figure5-5_DelMonteDiagram.jpg"></td>
                            <td><img src="./images/Figure5-6_TartagliaDiagram.jpg"></td>
                            <td><img src="./images/Figure5-7_TartagliaDiagram.jpg"></td>
                            <td><img src="./images/Figure5-8_CardanoDiagram.jpg"></td>
                          </tr>
                          <tr>
                            <td>5.5 Del Monte’s critical reworking of Benedetti’s representation of forces acting on a balance in arbitrary directions</td>
                            <td>5.6 Tartaglia’s diagram on positional heaviness</td>
                            <td>5.7 Tartaglia’s representation of the angle of contact for the determination of positional heaviness</td>
                            <td>5.8 Cardano's three ways to determine positional heaviness</td>
                          </tr>
                          <tr>
                            <td><img src="./images/Figure5-9_DelMonteDiagram.jpg"></td>
                            <td><img src="./images/Figure5-10_DelMonteMeditatiunculae.jpg"></td>
                            <td><img src="./images/Figure5-11_DelMonteMeditatiunculae.jpg"></td>
                          </tr>
                          <tr>
                            <td>5.9 DelMonte’s diagram on the equilibrium of a balance</td>
                            <td>5.10 Galilei’s construction relating the bent lever to the inclined plane</td>
                            <td>5.11 Del Monte’s construction related to the inclined plane</td>
                          </tr>
                      </tbody></table>
                    </div>
                  </div>
                  <div id="numsec8-2" class="accordion__item active"><a class="accordion__title" href="#">
                    <h2>6 Astronomy</h2>
                    </a><div class="accordion__content"><a class="accordion__pageup" href="#"></a>
                      <table>
                        <tbody><tr>
                            <td><img src="./images/Figure7-1_BenedettiCarloEmanuele.jpg"></td>
                            <td><img src="./images/Figure7-2_BenedettiCarloEmanuele.jpg"></td>
                            <td><img src="./images/Figure1-2_GauricoBenedettiHoroscope.jpg"></td>
                          </tr>
                          <tr>
                            <td>6.1 The horoscope cast by Benedetti for Duke Carlo Emanuele I of Savoy</td>
                            <td>6.2 Benedetti’s horoscope for Carlo Emanuele I</td>
                            <td>6.3 Benedetti’s own horoscope</td>
                          </tr>
                      </tbody></table>
                    </div>
                  </div>


                                       </div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </section>
                  </div>
               </div>
            </main>
         </div>
         <footer class="footer">
            <div class="footer__content">
               <div class="footer-menu"><a href="contact.html">Contact</a><a href="imprint.html">Imprint</a><a class="share" href="#">Share<span>this Page</span></a></div>
               <div class="footer-logo"><a class="footer-logo__link" href="http://edition-open-access.de" target="_blank"><img class="logo logo--text" src="./static/assets/images/logo-text.4ea3e4d587131f00ba9787321ce2be23.svg" alt="Edition Open Access"></a></div>
            </div>
         </footer>
      </div><script type="text/javascript" src="./static/app.js"></script></body>
</html>