Flask application repository for Banner Repeater's DAAP (Digital Archive of Artists Publishing).
SPARQL queries by Lozana Rossenova, CSS and JS by Joana Chicau, python and Jinja by Julie Boschat-Thorez.
See https://daap.network
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.
143 lines
5.4 KiB
143 lines
5.4 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>D.A.A.P</title>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='/css/style.css') }}">
|
|
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/tiny-slider/2.9.3/tiny-slider.css">
|
|
</head>
|
|
<body>
|
|
|
|
<div id="navigationmobile">
|
|
<div class= "navigation-mobile-items">
|
|
<div id="nav-about"><a href="{{ url_for('about') }}">About</a></div>
|
|
<div id="nav-browse-archive"><a href="{{ url_for('browsethearchive') }}">Browse the archive</a></div>
|
|
<div id="nav-browse-category"><a href="{{ url_for('browsebycategory') }}">Browse by category</a></div>
|
|
<div id="nav-search"><a href="{{ url_for('searchtools') }}">Search tools</a></div>
|
|
<div id="nav-tutorials"><a href="{{ url_for('tutorials') }}">Tutorials</a></div>
|
|
<div id="nav-upload"><a href="{{ url_for('upload') }}">Upload</a></div>
|
|
<div id="nav-support"><a href="https://daap.network/support">Support our work</a></div>
|
|
|
|
<div id="nav-login"><a href="https://daap.bannerrepeater.org/w/index.php?title=Special:UserLogin&returnto=Main+Page">To log-in, please view on desktop</a></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <div id="message-mobile">
|
|
<p>Mobile version coming soon, please view on desktop</p>
|
|
</div> -->
|
|
|
|
<div id="header">
|
|
<div id="animatedlogo">
|
|
<a href="{{ url_for('home') }}">
|
|
<img src="{{ url_for('static', filename='/imgs/Logos/DAAP BR square logo -Animated Image (Small).gif') }}"></a>
|
|
</div>
|
|
<div id="title-nav">
|
|
<div id="header-top">
|
|
<div id="header-title">
|
|
<a href="{{ url_for('home') }}">DAAP</a>
|
|
</div>
|
|
|
|
|
|
|
|
<div class="browsebycategory-categories primary-button primary-button" style="
|
|
padding: 12px 50px;
|
|
">
|
|
<a href="/support">SUPPORT THE DAAP
|
|
<img src="css/Icons/heart-solid.svg" alt="heart icon and link to donation page" title="Support our work" style="
|
|
margin-left: 10px;
|
|
margin-bottom: -4px;
|
|
width: 22px;
|
|
filter: invert(23%) sepia(99%) saturate(2460%) hue-rotate(313deg) brightness(1000%) contrast(108%);
|
|
"></a>
|
|
</div>
|
|
|
|
<a id="mobtop" class="mobile-nav-icon mob-menu-icon" onclick="showMenu('navigationmobile'); toggleMenu();"></a>
|
|
</div>
|
|
|
|
<div id="navigation">
|
|
<div id="nav-left">
|
|
<div id="nav-about"><a href="{{ url_for('about') }}">About</a></div>
|
|
<div id="nav-browse-archive"><a href="{{ url_for('browsethearchive') }}">Browse the archive</a></div>
|
|
<div id="nav-browse-category"><a href="{{ url_for('browsebycategory') }}">Browse by category</a></div>
|
|
<div id="nav-search"><a href="{{ url_for('searchtools') }}">Search tools</a></div>
|
|
</div>
|
|
<div id="nav-right">
|
|
<div id="nav-tutorials"><a href="{{ url_for('tutorials') }}">Tutorials</a></div>
|
|
<div id="nav-upload"><a href="{{ url_for('upload') }}">Upload</a></div>
|
|
<div id="nav-login"><a href="https://daap.bannerrepeater.org/w/index.php?title=Special:UserLogin&returnto=Main+Page">Log in</a></div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{% block content %}
|
|
{% endblock content %}
|
|
|
|
<div id="footer">
|
|
<div class="footer-left">
|
|
<div id="footer-credit">
|
|
<div id="footer-title-br"><p>A project by</p></div>
|
|
<a id="footer-img-br" target="_blank" href="https://www.bannerrepeater.org/">
|
|
<img src="{{ url_for('static', filename='/imgs/Logos/Banner-Repeater-logo.png') }}">
|
|
<figcaption>Banner Repeater</figcaption>
|
|
</a>
|
|
</div>
|
|
<div id="footer-funds">
|
|
<div id="footer-title-others"><p>With support from</p></div>
|
|
<div id="footer-img-others">
|
|
<a id="footer-img-lottery" target="_blank" href="https://www.artscouncil.org.uk/funding-finder/grants-arts">
|
|
<img src="{{ url_for('static', filename='/imgs/Logos/Lottery-white on black.png') }}">
|
|
</a>
|
|
<a id="footer-img-wiki" target="_blank" href="https://wikimedia.org.uk/">
|
|
<img src="{{ url_for('static', filename='/imgs/Logos/wikimedia_logo.png') }}">
|
|
<figcaption>Wikimedia UK</figcaption>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer-right">
|
|
<div id="footer-socials">
|
|
<div id="footer-title-socials"><p>SOCIAL</p></div>
|
|
<div id="footer-socials-links">
|
|
<a target="_blank" href="https://www.facebook.com/BannerRepeater">Facebook</a>
|
|
<a target="_blank" href="https://twitter.com/BANNERREPEATER">Twitter</a>
|
|
<a target="_blank" href="https://www.instagram.com/bannerrepeater/">Instagram</a>
|
|
<a target="_blank" href="mailto:daap.community@disroot.org">Email</a></p>
|
|
</div>
|
|
</div>
|
|
<div id="footer-contact-form">
|
|
<div id="footer-title-contact"><p>SUPPORT THE DEVELOPMENT OF THE DAAP</p></div>
|
|
<div id="secondary-button"><a class="footer-contact" href="https://localgiving.org/charity/banner-repeater/"><div class="secondary-button bluebutton" id="contactform"><span>DONATE</span></div></a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
|
function showMenu(navigationmobile){
|
|
var e = document.getElementById('navigationmobile');
|
|
var element = document.getElementById("mobtop");
|
|
if(e.style.display == 'block')
|
|
e.style.display = 'none';
|
|
else
|
|
e.style.display = 'block';
|
|
document.querySelector('body').style.overflow = 'hidden';
|
|
element.classList.toggle("mob-close-icon");
|
|
}
|
|
|
|
// element.classList.add("mobile-nav-icon");
|
|
// element.classList.remove("mob-close-icon");
|
|
|
|
|
|
// element.classList.remove("mobile-nav-icon");
|
|
// element.classList.add("mob-close-icon");
|
|
</script>
|
|
|
|
|
|
|
|
</body>
|
|
</html>
|