cyber/technofeminist cross-reader
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

98 lines
2.7 KiB

<!DOCTYPE html>
<html lang='{{ lang }}'>
<head>
<meta charset="utf-8" />
<title>cyber/technofeminist cross-readings {% block title %}{% endblock %}</title>
<link type="text/css" rel="stylesheet" href="{{ url_for('static', filename='css/stylesheet.css')}}" />
<script type="text/javascript" src="{{ url_for('static', filename='js/jquery-3.3.1.min.js')}}"></script>
</head>
<body class="{% block view %}{% endblock %}">
<div id="txt-list">
<ul>
{% for txt in filenames|sort %}
{% set name = txt.replace('.txt','') %}
<li>
<a href="/manifesto/{{ name }}">{{ txt.replace('_', ' ') }}</a><br>
<a class="contrast" href="/mapping/{{ name }}"></a>
<small><a href="/list/tf/{{ name }}">TF</a></small>
<small><a href="/list/idf/{{ name }}">IDF</a></small>
<small><a href="/list/tfidf/{{ name }}">TF-IDF</a></small>
</li>
{% endfor %}
<ul>
{% block txtlist %}
{% endblock %}
</div>
<div id="wrapper">
<div id="nav">
<div class="page-button">
<a href="/cross-readings">cross-readings</a>
</div>
<div class="page-button">
<a href="/colophon">colophon</a>
</div>
</div>
<div id="logo">
<a href="/">cyber/technofeminist <br>cross-readings</a>
</div>
{% block search %}
<div id="search">
<form id="submitform" action="" method="GET" onsubmit="this.setAttribute('isSubmitting', 'true');">
<input id="query" name="q" value="{{query}}"/>
<button id="submit" type="submit"></button>
</form>
<script>
(function () {
var searching = false,
button = document.querySelector('#search #submit'),
submitting = document.querySelector('#submitform').getAttribute('isSubmitting');
button.addEventListener('click', function (e) {
if (!searching) {
searching = true;
button.classList.add('searching');
}
else {
e.preventDefault();
alert('Already searching ...');
}
})
})();
</script>
</div>
{% endblock %}
<div id="content">
{% block content %}
{% endblock %}
{% block results %}
{% endblock %}
{% block manifesto %}
{% endblock %}
{% block suggestions %}
{% endblock %}
</div>
</div>
</body>
<script>
// refresh when there is no (mouse or keyboard) activity for 5 minutes
var time = new Date().getTime();
$(document.body).bind("mousemove keypress", function(e) {
time = new Date().getTime();
});
function refresh() {
if(new Date().getTime() - time >= 300000){
console.log('refresh!');
window.location.href = '/en/';
} else {
setTimeout(refresh, 300000);
}
}
setTimeout(refresh, 300000);
// prevent links from opening in new tab
var links = document.links;
for (var i = 0; i < links.length; i++) {
links[i].target = "_self";
}
</script>
</html>