alicestrt/vvvw
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
efbb680f03
vvvw/wells/index.html

224 lines
6.9 KiB
HTML
Raw Normal View History

added newindex
2020-11-10 13:45:35 +01:00
<html>
<head>
fixed partially errors with CORS
2020-11-10 14:15:59 +01:00
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<meta content="utf-8" http-equiv="encoding">
flexible and draggable objects. Complete example of diagram in full page
2020-11-12 13:27:42 +01:00
<meta http-equiv="Access-Control-Allow-Origin" content="*">
added newindex
2020-11-10 13:45:35 +01:00
<title>VVVW</title>
fixed partially errors with CORS
2020-11-10 14:15:59 +01:00
<link rel="stylesheet" href="static/css/style.css">
styles and failed draggable and scalaeable
2020-12-04 16:54:54 +01:00
<link href="static/styles/jquery-ui.css" rel="stylesheet" type="text/css">
fixed partially errors with CORS
2020-11-10 14:15:59 +01:00
<link rel="stylesheet" href="static/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="static/js/jquery.min.js"></script>
<script type="text/javascript" src="static/js/p5/p5.min.js"></script>
everything in one html works now
2020-11-10 19:09:39 +01:00
<script src="static/js/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="static/js/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="static/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
fixed partially errors with CORS
2020-11-10 14:15:59 +01:00
<script src="static/js/jquery-1.12.4.js"></script>
<script src="static/js/jquery-ui.js"></script>
flexible and draggable objects. Complete example of diagram in full page
2020-11-12 13:27:42 +01:00
<script src="static/js/d3.v3.min.js"></script>
styles and failed draggable and scalaeable
2020-12-04 16:54:54 +01:00
<script src="static/js/jquery.ui.touch-punch.min.js"></script>
flexible and draggable objects. Complete example of diagram in full page
2020-11-12 13:27:42 +01:00
<script src="static/js/draggable.js"></script>
added newindex
2020-11-10 13:45:35 +01:00
</head>
<body>
fixed partially errors with CORS
2020-11-10 14:15:59 +01:00
<div class="container-fluid p-0">
<div class="bg">
<div class="row">
flexible and draggable objects. Complete example of diagram in full page
2020-11-12 13:27:42 +01:00
<!-- background audio -->
<div class="col-md-9" style="position: static;">
fixed partially errors with CORS
2020-11-10 14:15:59 +01:00
<div class="row">
<div class="col-md-12">
flexible and draggable objects. Complete example of diagram in full page
2020-11-12 13:27:42 +01:00
<div class="play-stop">
<div id="tracktime">0:0 / 22:39</div>
<a id="mBtn" onclick="PSFunction()">(Play)</a>
<button class="audio-button" onclick="document.getElementById('audioBG').volume -= 0.1">-</button>
<button class="audio-button" onclick="document.getElementById('audioBG').volume += 0.1">+</button>
</div>
<div class="main_audio">
<audio id='audioBG' ontimeupdate="document.getElementById('tracktime').innerHTML = Math.floor(this.currentTime/60) + ':' + (Math.floor(this.currentTime) - Math.floor(this.currentTime/60)*60) + ' / ' + Math.floor(this.duration/60)+ ':' + (Math.floor(this.duration) - Math.floor(this.duration/60)*60);">
<source src="static/audio/FreshMythsDifferentTimes_performance_podcast1.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio>
added newindex
2020-11-10 13:45:35 +01:00
</div>
flexible and draggable objects. Complete example of diagram in full page
2020-11-12 13:27:42 +01:00
</div>
fixed position of elements
2020-12-04 11:56:43 +01:00
arranged elements and made iframes small
2020-11-16 15:44:28 +01:00
</div>
fixed position of elements
2020-12-04 11:56:43 +01:00
</div>
<div class="col-md-3">
edited position of legend, added bios
2020-12-16 15:11:39 +01:00
<div class="row">
<div class="col-md-12">
styles and failed draggable and scalaeable
2020-12-04 16:54:54 +01:00
<span id="about">
<a href="#" >about</a> |
</span>
<span id="colophon">
<a href="#" >colophon</a>
</span>
fixed position of elements
2020-12-04 11:56:43 +01:00
</div>
edited position of legend, added bios
2020-12-16 15:11:39 +01:00
</div>
</div>
arranged elements and made iframes small
2020-11-16 15:44:28 +01:00
</div>
<!-- new row should start here -->
styles and failed draggable and scalaeable
2020-12-04 16:54:54 +01:00
<!-- pop up thesis -->
<!-- <div class="scaleable-wrapper draggable" id="scaleable-wrapper"> -->
edited position of legend, added bios
2020-12-16 15:11:39 +01:00
styles and failed draggable and scalaeable
2020-12-04 16:54:54 +01:00
<!-- </div> -->
flexible and draggable objects. Complete example of diagram in full page
2020-11-12 13:27:42 +01:00
<!-- map area -->
arranged elements and made iframes small
2020-11-16 15:44:28 +01:00
<div class="row">
map size
2020-12-04 11:42:40 +01:00
<div class="col-md-10 offset-md-1">
flexible and draggable objects. Complete example of diagram in full page
2020-11-12 13:27:42 +01:00
<div class="map_area">
<!-- <p>Related media</p> -->
separated bio from video, fixed x close popup and video stops when clicking x
2020-12-09 16:55:10 +01:00
<!-- <div class="draggable" id="showdadaloglu"><div class='text_audio'>Bio</div> -->
flexible and draggable objects. Complete example of diagram in full page
2020-11-12 13:27:42 +01:00
<!-- <audio id="audiodadaloglu" controls>
<source src="static/audio/HNI_Soundinstall_3tracks_together1.mp3" type="audio/mpeg">
Your browser does not support the audio tag.
</audio> -->
separated bio from video, fixed x close popup and video stops when clicking x
2020-12-09 16:55:10 +01:00
<!-- <img src="static/images/poem.png">
</div> -->
flexible and draggable objects. Complete example of diagram in full page
2020-11-12 13:27:42 +01:00
<!-- <img src="static/images/test_small.jpeg" alt="poem"> -->
automated video and bio popup depending on properties in the json file
2020-12-04 13:15:54 +01:00
styled popups and took out audio bg function for nodes
2020-12-04 14:53:39 +01:00
<!-- popups about and colophon -->
<div id="showabout" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">&times</span><div>about texthjgjhghjgfhdgfhdgfhdsgfhsgfhsgdfjhgdsfhsfgdfjgsfgdshsgfhsgfffffffffffffdfhdsfjsgdfjgjdsgfsjdgfjshgdf</div>
</div><br>
<div id="showcolophon" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">&times</span><div>colophon texthjgjhghjgfhdgfhdgfhdsgfhsgfhsgdfjhgdsfhsfgdfjgsfgdshsgfhsgfffffffffffffdfhdsfjsgdfjgjdsgfsjdgfjshgdf</div>
</div>
flexible and draggable objects. Complete example of diagram in full page
2020-11-12 13:27:42 +01:00
<script src="static/js/d3_map.js"></script>
added newindex
2020-11-10 13:45:35 +01:00
</div>
flexible and draggable objects. Complete example of diagram in full page
2020-11-12 13:27:42 +01:00
edited position of legend, added bios
2020-12-16 15:11:39 +01:00
<div w3-include-html="thesis.html" class="draggable thesis" id="thesis">
</div>
<!-- <span onclick="this.parentElement.style.display='none'" id="thesisX" class='topleft'>&times</span> -->
flexible and draggable objects. Complete example of diagram in full page
2020-11-12 13:27:42 +01:00
</div>
didnt fix draggable, bg audio and others, some work partly
2020-12-15 18:51:50 +01:00
fixed partially errors with CORS
2020-11-10 14:15:59 +01:00
didnt fix draggable, bg audio and others, some work partly
2020-12-15 18:51:50 +01:00
fixed partially errors with CORS
2020-11-10 14:15:59 +01:00
</div>
edited position of legend, added bios
2020-12-16 15:11:39 +01:00
<div class="row">
<div class="col-md-6">
<div class="map_legend">
<div id="box1" onclick="popup_bg(120)"></div> <p>Folklore literature</p>
<div id="box2" onclick="popup_bg(300)"></div> <p>Islamic Mysticism</p>
<div id="box3" onclick="popup_bg(500)"></div> <p>Contemporary poets</p>
<div id="box4" onclick="popup_bg(700)"></div> <p>Contemporary musicians</p>
</div>
</div>
</div>
</div>
fixed position of elements
2020-12-04 11:56:43 +01:00
fixed partially errors with CORS
2020-11-10 14:15:59 +01:00
<!-- scripts for mouse events -->
<script>
var audio = document.getElementById("audioBG");
var btn = document.getElementById("mBtn");
function PSFunction() {
if (audio.paused) {
audio.play();
btn.innerHTML = "(Pause)";
} else {
audio.pause();
btn.innerHTML = "(Play)";
}
}
</script>
played with current time
2020-11-30 17:20:02 +01:00
<script>
function popup_bg(time) {
var box = document.getElementById("audioBG");
didnt fix draggable, bg audio and others, some work partly
2020-12-15 18:51:50 +01:00
// if (box.currentTime>0) {
// box.currentTime = 0;
// } else {
played with current time
2020-11-30 17:20:02 +01:00
box.currentTime = time;
box.play();
btn.innerHTML = "(Pause)";
};
</script>
fixed partially errors with CORS
2020-11-10 14:15:59 +01:00
<script>
function includeHTML() {
var z, i, elmnt, file, xhttp;
/* Loop through a collection of all HTML elements: */
z = document.getElementsByTagName("*");
for (i = 0; i < z.length; i++) {
elmnt = z[i];
/*search for elements with a certain atrribute:*/
file = elmnt.getAttribute("w3-include-html");
if (file) {
/* Make an HTTP request using the attribute value as the file name: */
xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4) {
if (this.status == 200) {elmnt.innerHTML = this.responseText;}
if (this.status == 404) {elmnt.innerHTML = "Page not found.";}
/* Remove the attribute, and call this function once more: */
elmnt.removeAttribute("w3-include-html");
includeHTML();
}
added newindex
2020-11-10 13:45:35 +01:00
}
fixed partially errors with CORS
2020-11-10 14:15:59 +01:00
xhttp.open("GET", file, true);
xhttp.send();
/* Exit the function: */
return;
added newindex
2020-11-10 13:45:35 +01:00
}
fixed partially errors with CORS
2020-11-10 14:15:59 +01:00
}
}
everything in one html works now
2020-11-10 19:09:39 +01:00
includeHTML();
</script>
added about and colophon
2020-12-04 11:42:36 +01:00
<script>
$("#about").click(function(){
$("#showabout").fadeIn()
console.log("around")
});
added about and colophon
2020-12-04 11:42:41 +01:00
$("#colophon").click(function(){
$("#showcolophon").fadeIn()
console.log("around")
});
didnt fix draggable, bg audio and others, some work partly
2020-12-15 18:51:50 +01:00
added about and colophon
2020-12-04 11:42:36 +01:00
</script>
styles and failed draggable and scalaeable
2020-12-04 16:54:54 +01:00
edited position of legend, added bios
2020-12-16 15:11:39 +01:00
styles and failed draggable and scalaeable
2020-12-04 16:54:54 +01:00
<!-- scaleable wrapper -->
<!-- <script>
var $el = $("#thesis");
var elHeight = $el.outerHeight();
var elWidth = $el.outerWidth();
var $wrapper = $("#scaleable-wrapper");
$wrapper.resizable({
resize: doResize
});
function doResize(event, ui) {
var scale, origin;
scale = Math.min(
ui.size.width / elWidth,
ui.size.height / elHeight
);
$el.css({
transform: "translate(-50%, -50%) " + "scale(" + scale + ")"
});
}
var starterData = {
size: {
width: $wrapper.width(),
height: $wrapper.height()
}
}
doResize(null, starterData);
</script> -->
fixed partially errors with CORS
2020-11-10 14:15:59 +01:00
</div>
added newindex
2020-11-10 13:45:35 +01:00
</body>
everything in one html works now
2020-11-10 19:09:39 +01:00
</html>
Reference in New Issue Copy Permalink