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

Merge branch 'master' of https://git.vvvvvvaria.org/alicestrt/vvvw

Browse Source
This commit is contained in:
alicestrt 2021-01-15 18:46:03 +01:00
commit 59121578e1
3 changed files with 24 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

55
index.html
View File

@ -101,10 +101,11 @@ Through the map, we give shape to a common context in Turkish culture. The map a
<script src="static/js/d3_map.js"></script> <script src="static/js/d3_map.js"></script>
</div> </div>
<div w3-include-html="thesis.html" class="draggable thesis" id="thesis"> <div id="nothesis">
<div w3-include-html="thesis.html" id="thesis" class="draggable thesis">
</div> </div>
<!-- <span onclick="this.parentElement.style.display='none'" id="thesisX" class='topleft'>&times</span> --> <!-- <span onclick=closethesis() class="thesisX" >&times</span><span onclick=closethesis() class="thesisX" >&times</span> -->
</div>
</div> </div>
@ -195,7 +196,7 @@ includeHTML();
function closevideo (){ function closevideo(){
$("#showvideo").hide() $("#showvideo").hide()
$('iframe').each(function(index) { $('iframe').each(function(index) {
$(this).attr('src', $(this).attr('src')); $(this).attr('src', $(this).attr('src'));
@ -203,6 +204,16 @@ includeHTML();
}); });
} }
function closebio(){
$("#showbio").hide()
}
// function closethesis(){
// $("#nothesis").fadeOut()
// }
@ -225,42 +236,6 @@ $("#about").click(function(){
</script> </script>
<!-- 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> -->
</div> </div>
</body> </body>

12
static/css/style.css
View File

@ -341,7 +341,6 @@ h2 {
top:10%; top:10%;
padding: 0.5%; padding: 0.5%;
background-color: transparent; background-color: transparent;
position: absolute;
z-index: 5; z-index: 5;
border: 1px black solid; border: 1px black solid;
opacity: 0.4; opacity: 0.4;
@ -360,7 +359,6 @@ h2 {
bottom: 10%; bottom: 10%;
padding: 2%; padding: 2%;
background-color: transparent; background-color: transparent;
position: absolute;
z-index: 5; z-index: 5;
border: 1px black solid; border: 1px black solid;
overflow-y: scroll; overflow-y: scroll;
@ -396,12 +394,15 @@ h2 {
color: black; color: black;
} }
#thesisX { .thesisX {
position: absolute; position: absolute;
z-index:5; z-index:5;
left: 480px; left: 26%;
top: 14%; top: 14%;
display: none; float: right;
cursor: pointer;
font-size: 100%;
color: black;
} }
@ -466,6 +467,7 @@ color: #d81159;
.node text:hover { .node text:hover {
cursor: pointer; cursor: pointer;
font-style: italic;
} }
.active { .active {

5
static/js/d3_map.js vendored
View File

@ -69,10 +69,10 @@ d3.json("/static/js/group1.json", function(error, json) {
console.log('vid') console.log('vid')
if (i.url) { if (i.url) {
divVideo.transition().duration(100); divVideo.transition().duration(100);
divVideo.html("<div id='showvideo'><span onclick=closevideo() class='topleft'> &nbsp; &times&nbsp;</span><iframe id='video" + i.id + "' width='300' height='150' src='" + i.url + "' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowfullscreen></iframe></div>"); divVideo.html("<div class='draggable' id='showvideo'><span onclick=closevideo() class='topleft'> &nbsp; &times&nbsp;</span><iframe id='video" + i.id + "' width='300' height='150' src='" + i.url + "' frameborder='0' allow='accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture' allowfullscreen></iframe></div>");
}; };
divBio.transition().duration(100); divBio.transition().duration(100);
divBio.html("<div id='showbio'><span onclick=this.parentElement.style.display='none' class='topleft'> &nbsp; &times&nbsp;</span><div id='bio" + i.id + "'>" + i.bio + "</div>"); divBio.html("<div class='draggable' id='showbio'><span onclick=closebio() class='topleft'> &nbsp; &times&nbsp;</span><div id='bio" + i.id + "'>" + i.bio + "</div>");
popup(i.id, i.time); popup(i.id, i.time);
}) })
.on("dblclick", connectedNodes) .on("dblclick", connectedNodes)
@ -142,7 +142,6 @@ d3.json("/static/js/group1.json", function(error, json) {
$("#show" + name).fadeIn() $("#show" + name).fadeIn()
console.log("around") console.log("around")
$("#thesis").fadeIn() $("#thesis").fadeIn()
$("#thesisX").fadeIn()
$("#bio" + name).fadeIn() $("#bio" + name).fadeIn()
var dada = document.getElementById("text" + name); var dada = document.getElementById("text" + name);
dada.className += " active"; dada.className += " active";