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

<!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 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>