ToposText

<!DOCTYPE html> <html dir="ltr" lang="en-US"> <head>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-73073339-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-73073339-1'); </script> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="author" content="SemiColonWeb" /> <link rel="shortcut icon" type="image/png" href="https://topostext.org/images/icons/favicon.png" /> <link rel="shortcut icon" type="image/png" href="https://topostext.org/images/icons/favicon.png" />  <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,900|Caveat+Brush" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://topostext.org/css/bootstrap.css" type="text/css" /> <link rel="stylesheet" href="https://topostext.org/style.css" type="text/css" /> <link rel="stylesheet" href="https://topostext.org/css/swiper.css" type="text/css" /> <link rel="stylesheet" href="https://topostext.org/css/dark.css" type="text/css" /> <link rel="stylesheet" href="https://topostext.org/css/font-icons.css" type="text/css" /> <link rel="stylesheet" href="https://topostext.org/css/animate.css" type="text/css" /> <link rel="stylesheet" href="https://topostext.org/css/magnific-popup.css" type="text/css" />  <link rel="stylesheet" href="https://topostext.org/css/colors.php?color=C6C09C" type="text/css" />   <link rel="stylesheet" href="https://topostext.org/demos/nonprofit/nonprofit.css" type="text/css" /> <link rel="stylesheet" href="https://topostext.org/css/custom.css" type="text/css" /> <link rel="stylesheet" href="https://topostext.org/css/responsive.css" type="text/css" />  <link rel="stylesheet" href="https://topostext.org/css/modal.css" type="text/css" /> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" /> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/responsive/2.2.3/css/responsive.dataTables.min.css" /> <script type="text/javascript" language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script> <script type="text/javascript" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script> <script type="text/javascript" src="https://cdn.datatables.net/responsive/2.2.3/js/dataTables.responsive.min.js"></script>  <meta name='viewport' content='initial-scale=1, viewport-fit=cover'>  <title>ToposText</title> </head> <body class="stretched">  <div id="wrapper" class="clearfix">  <header id="header" class="clearfix static-sticky"> <link rel="shortcut icon" type="image/png" href="https://topostext.org/images/icons/favicon.png" /> <link rel="shortcut icon" type="image/png" href="https://topostext.org/images/icons/favicon.png" /> <div id="header-wrap"> <div class="container clearfix"> <div id="primary-menu-trigger"><i class="icon-reorder"></i></div>  <div id="logo"> <a href="https://topostext.org" class="logo-big standard-logo" data-dark-logo="https://topostext.org/images/logo1_2.png"> <img src="https://topostext.org/images/logo1_2.png" alt="Topostext"> </a> <a href="https://topostext.org" class="logo-small" data-dark-logo="images/lg1.png"> <img class="logo-small" src="https://topostext.org/images/lg1.png" alt="Topostext"> </a>  </div>  <nav id="primary-menu" class="d-lg-flex d-xl-flex justify-content-xl-between justify-content-lg-between fnone with-arrows"> <ul class="align-self-start"> <li><span class="menu-bg col-auto align-self-start d-flex"></span></li> <li ><a href="https://topostext.org"> <div>Home</div> </a></li> <li ><a href="#"> <div>About TT</div> </a> <ul> <li><a href="https://topostext.org/who-we-are"> <div>Who we are</div> </a></li> <li><a href="https://topostext.org/the-project"> <div>The Project</div> </a></li> </ul> </li> <li ><a href="https://topostext.org/the-places"> <div>Places</div> </a></li> <li ><a href="https://topostext.org/texts"> <div>Ancient Texts</div> </a></li> <li class="active" ><a href="https://topostext.org/the-people"> <div>People</div> </a></li> <li><a href="#"> <div>Tools</div> </a> <ul> <li><a href="https://topostext.org/search-tool"> <div>Search Tool</div> </a></li> <li><a href="https://topostext.org/TT-downloads"> <div>Downloads</div> </a></li> </ul> </li> <li><a href="https://topostext.org/contact-us"> <div>Contact us</div> </a></li> </ul> </nav> </div> </div> </header>  <section id="content"> <div class="content-wrap"> <div class="container clearfix"> <div class="row justify-content-center"> <div class="col-md-7 center"> <div class="heading-block nobottomborder mb-4"> <h3 class="mb-4 nott">Helen of Troy</h3> </div> <div class="svg-line bottommargin-sm clearfix"> <img src="https://topostext.org/demos/nonprofit/images/divider-1.svg" alt="svg divider" height="20"> </div> <h3 class="mb-4 nott" style="margin-bottom: 0!important;">daughter of Zeus in Greek Mythology</h3> <h3 class="mb-4 nott">Wikidata ID: <a href='https://www.wikidata.org/wiki/Q164061'>Q164061</a></h3> </div> <section class="container"> <div class="row bottommargin"> <div id="author" class="col-md-3"></div> <div id="category" class="col-md-3"></div> <div id="type" class="col-md-3"></div> <div id="language" class="col-md-3"> </div> </div> </section> <div class="col-md-12 center"> <table id="example" class="display responsive" style="width:100%"> <thead> <tr> <th>Author, Title</th> <th width="60%">Text</th> <th>Type</th> <th>Date</th> <th>Full</th> <th>Work</th> <th>Category</th> <th>Language</th> </tr> </thead> <tfoot> <tr> <th>Author, Title</th> <th>Text</th> <th>Type</th> <th>Date</th> <th>Full</th> <th>Work</th> <th>Category</th> <th>Language</th> </tr> </tfoot> </table> </div> </div> </div> </div> </section>  <footer id="footer" style="background-color: #002D40;"> <div class="container">  </div>  <div id="copyrights" class="bgcolor"> <div class="container clearfix"> <div class="row justify-content-between align-items-center"> <div class="col-md-6"> ToposText Web Version 3.0<br> <div class="copyright-links"> Copyrights © 2019 All Rights Reserved. Developed by <a href="https://pavla.gr" target="_blank">Pavla SA</a> </div> </div> <div class="col-md-6 d-md-flex flex-md-column align-items-md-end mt-4 mt-md-0"> <div class="copyrights-menu copyright-links clearfix"> <a href="texts">Ancient Texts</a>/<a href="https://topostext.org/the-places">Places</a>/<a href="https://topostext.org/the-people">People</a>/<a href="https://topostext.org/contact-us">Contact</a> </div> </div> </div> </div> </div> </footer>  <div class="floating-contact-wrap"> <div class="floating-contact-btn shadow"> <i class="floating-contact-icon btn-unactive icon-envelope21"></i> <i class="floating-contact-icon btn-active icon-line-plus"></i> </div> <div class="floating-contact-box"> <div id="q-contact" class="widget quick-contact-widget clearfix"> <div class="floating-contact-heading bgcolor p-4 rounded-top"> <h3 class="mb-0 font-secondary h2 ls0">Quick Contact 馃憢</h3> <p class="mb-0">Get in Touch with Us</p> </div> <div class="form-widget" data-alert-type="false"> <div class="form-result"></div> <div class="floating-contact-loader css3-spinner" style="position: absolute;"> <div class="css3-spinner-bounce1"></div> <div class="css3-spinner-bounce2"></div> <div class="css3-spinner-bounce3"></div> </div> <div id="floating-contact-submitted" class="p-5 center"> <i class="icon-line-mail h1 color"></i> <h4 class="t400 mb-0 font-body">Thank You for Contact Us! Our Team will contact you asap on your email Address.</h4> </div> <form class="mb-0" id="floating-contact" action="include/form.php" method="post" enctype="multipart/form-data"> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text nobg"><i class="icon-user-alt"></i></span> </div> <input type="text" name="floating-contact-name" id="floating-contact-name" class="form-control required" value="" placeholder="Enter your Full Name"> </div> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text nobg"><i class="icon-at"></i></span> </div> <input type="email" name="floating-contact-email" id="floating-contact-email" class="form-control required" value="" placeholder="Enter your Email Address"> </div> <div class="input-group mb-3"> <div class="input-group-prepend"> <span class="input-group-text nobg"><i class="icon-comment21"></i></span> </div> <textarea name="floating-contact-message" id="floating-contact-message" class="form-control required" cols="30" rows="4"></textarea> </div> <input type="hidden" id="floating-contact-botcheck" name="floating-contact-botcheck" value="" /> <button type="submit" name="floating-contact-submit" class="btn btn-dark btn-block py-2">Send Message</button> <input type="hidden" name="prefix" value="floating-contact-"> <input type="hidden" name="subject" value="Message From Floating Contact"> <input type="hidden" name="html_title" value="Floating Contact Message"> </form> </div> </div> </div> </div> </div>  <div class="modal1"> <div class="modal1-content"> <span onclick="togglemodal1()" class="close-button">×</span> <h1 id="modal_Title"></h1> <p id="paragraph_text"></p> <a id="textLink" class="btn btn-primary">Go to Text</a> </div> </div>  <div id="gotoTop" class="icon-angle-up"></div>  <script src="https://topostext.org/js/plugins.js"></script> <script src="https://topostext.org/demos/nonprofit/js/events.js"></script>  <script src="https://topostext.org/js/functions.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#example').DataTable({ initComplete: function() { this.api().columns(0).every(function() { var column = this; var select = $('<select style="width:100%;"><option value="">Author, Title</option></select>') .appendTo("#author") .on('change', function() { var val = $.fn.dataTable.util.escapeRegex( $(this).val() ); column .search(val ? '^' + val + '$' : '', true, false) .draw(); }); column.data().unique().sort().each(function(d, j) { select.append('<option value="' + d + '">' + d + '</option>') }); }); this.api().columns(6).every(function() { var column = this; var select = $('<select style="width:100%;"><option value="">Category</option></select>') .appendTo("#category") .on('change', function() { var val = $.fn.dataTable.util.escapeRegex( $(this).val() ); column .search(val ? '^' + val + '$' : '', true, false) .draw(); }); column.data().unique().sort().each(function(d, j) { select.append('<option value="' + d + '">' + d + '</option>') }); }); this.api().columns(2).every(function() { var column = this; var select = $('<select style="width:100%;"><option value="">Type</option></select>') .appendTo("#type") .on('change', function() { var val = $.fn.dataTable.util.escapeRegex( $(this).val() ); column .search(val ? '^' + val + '$' : '', true, false) .draw(); }); column.data().unique().sort().each(function(d, j) { select.append('<option value="' + d + '">' + d + '</option>') }); }); this.api().columns(7).every(function() { var column = this; var select = $('<select style="width:100%;"><option value="">Language</option></select>') .appendTo("#language") .on('change', function() { var val = $.fn.dataTable.util.escapeRegex( $(this).val() ); column .search(val ? '^' + val + '$' : '', true, false) .draw(); }); column.data().unique().sort().each(function(d, j) { select.append('<option value="' + d + '">' + d + '</option>') }); }); }, ajax: { url: 'https://topostext.org/api/peopleindextable/read.php?personid=69', dataSrc: 'records', processing: true, }, "columns": [{ "data": "authortitle" }, { "data": "text" }, { "data": "type" }, { "data": "edate" }, { "data": "location" }, { "data": "workid" }, { "data": "category" }, { "data": "language" } ], aLengthMenu: [ [25, 50, 100, 1000], [25, 50, 100, "All"] ], "order": [ [3, 'asc'] ], "columnDefs": [{ "className": "dt-center", "targets": [2, 3, 4, 5, 6, 7] }, { "targets": [1], "render": function(data, type, row, meta) { var workID = row.workid; var loc = row.location; return `<a class="modal-trigger" onclick="togglemodal1('${row.paragrid}')">${data}</a> ` } }, { "targets": [4, 5, 6], "orderable": false }, { "targets": [2, 4, 5, 6, 7], "visible": false }, { "targets": 4, "render": function(data, type, row, meta) { return '<a href="work.php?work_id=' + row['workid'] + '#' + row['location'] + '">Read Text</a>'; }, } ] }); }); </script> <script> jQuery(document).ready(function($) { var elementParent = $('.floating-contact-wrap'); $('.floating-contact-btn').off('click').on('click', function() { elementParent.toggleClass('active', ); }); }); </script> <script src="https://topostext.org/js/modal.js"></script> </body> </html>

CINXE.COM

ToposText