alicestrt/vvvw
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

changed title

Browse Source
This commit is contained in:
nglk 2021-03-05 17:12:08 +01:00
parent 2613917f2e
commit 85dbc1e9ae
2 changed files with 23 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
index.html
View File

@ -20,7 +20,7 @@
<div class="container-fluid p-0">
<div class="bg">
<div class="row">
<div class="col-md-4"><div id="title_website"><a href="/">Wells of Knowledge</a></div></div>
<div class="col-md-4"><div id="title_website"><a href="/">Wells of Knowledge:</a></div><span id="subtitle_website">Poetry, music and resistance in Turkey</span></div>
<div class="col-md-3 offset-md-5" id="menu">
<span id="about">
<a href="#" >about</a> |
@ -33,22 +33,6 @@
<a href="#" >how to use</a>
</span>
<div id="myModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">This website is better viewed on desktop</h5>
<button type="button" class="close" data-dismiss="modal">&times;</button>
</div>
<div class="modal-body">
<p>Sorry for that.</p>
</div>
</div>
</div>
</div>
</div>
</div>
@ -101,8 +85,8 @@ preload="metadata" onloadedmetadata="mDur(dur1,audioBG)" ontimeupdate="mPlay(dur
<!-- <img src="static/images/test_small.jpeg" alt="poem"> -->
<!-- popups about and colophon -->
<span id="closeall" onclick="closeall()">Close popups</span>
<div id="showabout" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">&times</span><div><h2>Wells of Knowledge</h2><p>
<span id="closeall" onclick="closeall()">CLOSE ALL POPUPS</span>
<div id="showabout" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">&times</span><div><h2>Wells of Knowledge: Poetry, music and resistance in Turkey</h2><p>
This web platform is a publishing moment/fragment of the work "Volitional Volutions of the Volatile Waters" by Merve Kilicer. <br>
How can oral knowledge can be 'recorded', 'documented', 'transferred' through a digital online space? This is the question that drove the research behind this website, which has the map of connections as the main navigation point. The visualisation is inspired by the common history and references that people in Gezi Park shared during the 2013 occupation. Their presence together in the square became a melange of their different voices, slogans, poems and memories. "Could the accumulation of these voices and words be the forming substances of Gezi Spirit?"
<br>
@ -194,6 +178,9 @@ $(document).ready(function() {
start: function(event, ui) { $(this).css('z-index', a++); }
});});
$(".draggable i.remove-elem").off('click').on("click", function(){
$(this).parent('.draggable').remove();
});
@ -204,7 +191,7 @@ $(document).ready(function() {
<script>
// function popup_bg(start,end) {
// var myIcon = document.querySelector(".audioBG");
// var box = document.getElementById("audioBG");
// if (box.paused) {
@ -217,7 +204,7 @@ $(document).ready(function() {
// }
// // box.currentTime = start;
// // console.log(start);
// }
@ -366,13 +353,7 @@ $("#about").click(function(){
</script>
<script>
$(document).ready(function(){
if (screen.width < 768) {
$("#myModal").modal('show');
}
});
</script>
</div>

14
static/css/style.css
View File

@ -42,11 +42,21 @@ body {
font-style: italic;
color: #d81159 !important;
font-size: 30px;
margin-left: 50px;
margin-top: 15px;
}
#subtitle_website {
font-family:'Walter Turncoat', cursive;
font-style: italic;
color: #d81159 !important;
font-size: 20px;
margin-left: 50px;
margin-top: 15px;
}
/*resize thesis*/
@ -237,6 +247,10 @@ a :hover {
#closeall {
display: none;
color: black;
border:1px black solid;
background-color: white;
margin-left: 2px;
}
/* text area */