blablabla
parent
2d3d25aca2
commit
09a7eb107c
@ -0,0 +1,20 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<title> @@@ilinχ </title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
</head>
|
||||
<body>
|
||||
<button id="ilinx" onClick="goto()" name="ilinx">ilinx</button>
|
||||
</body>
|
||||
<script type="text/javascript">
|
||||
|
||||
var items = ['','',''];
|
||||
|
||||
function goto(){
|
||||
var item = items[Math.floor(Math.random() * items.length)];
|
||||
window.location.href = item;
|
||||
}
|
||||
</script>
|
||||
</html>
|
@ -0,0 +1,42 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<title> @@@ilinχ </title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
</head>
|
||||
<body>
|
||||
<select name="worlds" id="worlds">
|
||||
<option value="multiskop">multiskop</option>
|
||||
<option value="homeostat">homeostat</option>
|
||||
<option value="t-stars">T-stars</option>
|
||||
<option value="clippy">clippy</option>
|
||||
<option value="hypervirus">hypervirus</option>
|
||||
<option value="flatline">flatline</option>
|
||||
<option value="create-destroy">create-destroy</option>
|
||||
<option value="b_win">b_win</option>
|
||||
<option value="non-spaces">non-spaces</option>
|
||||
<option value="graphs maps">graphs</option>
|
||||
<option value="Vbush">Vbush</option>
|
||||
<option value="DivIne">divIne</option>
|
||||
<option value="FiloXX">filoXX</option>
|
||||
<option value="islands">islands</option>
|
||||
<option value=""></option>
|
||||
</select>
|
||||
|
||||
<input type="button" onclick="fun()" value="click here">
|
||||
|
||||
<script type="text/javascript">
|
||||
function fun() {
|
||||
var ddl = document.getElementById("cardtype");
|
||||
var selectedValue = ddl.options[ddl.selectedIndex].value;
|
||||
if (selectedValue == "selectcard") {
|
||||
alert("ciaop");
|
||||
} else if (selectedValue == "mastercard") {
|
||||
window.location.href = "https://pzwiki.wdka.nl/mediadesign/Ilinx/Main_Nodes#Vbush";
|
||||
} else {
|
||||
alert("ciaop");
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
@ -0,0 +1,45 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
|
||||
<title> @@@ilinχ </title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=0.5">
|
||||
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
||||
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
||||
<link rel="stylesheet" type="text/css" href="style.css">
|
||||
</head>
|
||||
<body onLoad="popup('./track.html', 'track')">
|
||||
<div id="chaos" class="draggable">
|
||||
<!-- ----------------- SPACE ------------------ -->
|
||||
<div id="space">
|
||||
<p class="draggable">
|
||||
Some day the piecing together of dissociated knowledge will open up a new reality. A glimpse of truth, flashed out from an accidental chaos. </p>
|
||||
<div id="lmr" >
|
||||
<span id="port"class="places draggable"><a class="place" href="" target="_blank"><span class="inner">port 80</span></a></span>
|
||||
<svg width="1000" height="1000" viewBox="-500 -500 1000 1000">
|
||||
<circle class="city" cx="178.55335042851956" cy="-77.95983699160745" r="20" style="fill: white;"></circle>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript" src="../scripts/drag.js"></script>
|
||||
<script type="text/javascript">
|
||||
//AUDIO POP UP
|
||||
function popup(mylink, windowname) {
|
||||
if (! window.focus)return true;
|
||||
var href;
|
||||
if (typeof(mylink) == 'string') href=mylink;
|
||||
else href=mylink.href;
|
||||
window.open(href, windowname, 'width=250, height=100, top=200, left=200, scrollbars=no,location=no,menubar=no,resizable=no,');
|
||||
return false;
|
||||
}
|
||||
|
||||
$(".ilinx, .island, .place").mouseenter(function() {
|
||||
$("#sound-" + Math.ceil(Math.random() * 24))[0].play();
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
@ -0,0 +1,274 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>Network Advanced</title>
|
||||
<script src="d3-force-apex-plugin/docs/scripts/prettify/prettify.js"></script>
|
||||
<script src="d3-force-apex-plugin/docs/scripts/prettify/lang-css.js"></script>
|
||||
<!--[if lt IE 9]>
|
||||
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div id="main">
|
||||
<div id="example"></div><!--the graph container-->
|
||||
<link href="d3-force-apex-plugin/docs/lib/d3-force-3.1.0.css" rel="stylesheet" type="text/css">
|
||||
<script src="d3-force-apex-plugin/docs/lib/ResizeObserver-1.5.0.min.js"></script>
|
||||
<script src="d3-force-apex-plugin/docs/lib/d3-3.5.6.min.js"></script>
|
||||
<script src="d3-force-apex-plugin/docs/lib/d3-force-3.1.0.min.js"></script>
|
||||
<script>
|
||||
var w = window.innerWidth;
|
||||
var h = window.innerHeight;
|
||||
|
||||
window.onload = function (){
|
||||
window.example = netGobrechtsD3Force("example")
|
||||
.width(w)
|
||||
.height(h)
|
||||
.charge(-800)
|
||||
.wrapLabels(true)
|
||||
.zoomMode(true)
|
||||
.debug(true) //also creates the "Customize Me" link
|
||||
.render({
|
||||
"data": {
|
||||
"nodes": [
|
||||
{
|
||||
"ID": "1",
|
||||
"LABEL": "SYSTEM SCIENCE",
|
||||
"COLORVALUE": "1",
|
||||
"COLORLABEL": "system science",
|
||||
"SIZEVALUE": 1500,
|
||||
"LABELCIRCULAR": false,
|
||||
},
|
||||
{
|
||||
"ID": "2",
|
||||
"LABEL": "CYBERNETICS",
|
||||
"COLORVALUE": "6",
|
||||
"COLORLABEL": "cybernetics",
|
||||
"SIZEVALUE": 1500,
|
||||
"LABELCIRCULAR": false,
|
||||
},
|
||||
{
|
||||
"ID": "3",
|
||||
"LABEL": "DYNAMICAL SYSTEMS THEORY",
|
||||
"COLORVALUE": "3",
|
||||
"COLORLABEL": "dynamical systems",
|
||||
"SIZEVALUE": 1500,
|
||||
"LABELCIRCULAR": false,
|
||||
},
|
||||
{
|
||||
"ID": "4",
|
||||
"LABEL": "COMPLEX SYSTEMS THEORY",
|
||||
"COLORVALUE": "4",
|
||||
"COLORLABEL": "complex systems",
|
||||
"SIZEVALUE": 1500,
|
||||
"LABELCIRCULAR": false,
|
||||
},
|
||||
{
|
||||
"ID": "5",
|
||||
"LABEL": "General Systems Theory",
|
||||
"COLORVALUE": "5",
|
||||
"COLORLABEL": "Systems ecology",
|
||||
"SIZEVALUE": 1000,
|
||||
"LABELCIRCULAR": false,
|
||||
},
|
||||
{
|
||||
"ID": "6",
|
||||
"LABEL": "Ecological Systems Theory",
|
||||
"COLORVALUE": "5",
|
||||
"COLORLABEL": "Systems ecology",
|
||||
"SIZEVALUE": 1000,
|
||||
"LABELCIRCULAR": false,
|
||||
},
|
||||
{
|
||||
"ID": "7",
|
||||
"LABEL": "Self-Organization",
|
||||
"COLORVALUE": "4",
|
||||
"COLORLABEL": "complex systems",
|
||||
"SIZEVALUE": 1000,
|
||||
"LABELCIRCULAR": false,
|
||||
},
|
||||
{
|
||||
"ID": "8",
|
||||
"LABEL": "Autopoiesis / Embodied Mind",
|
||||
"COLORVALUE": "4",
|
||||
"COLORLABEL": "complex systems",
|
||||
"SIZEVALUE": 1000,
|
||||
"LABELCIRCULAR": false,
|
||||
},
|
||||
{
|
||||
"ID": "9",
|
||||
"LABEL": "2nd Order Cybernetics",
|
||||
"COLORVALUE": "6",
|
||||
"COLORLABEL": "cybernetics",
|
||||
"SIZEVALUE": 1000,
|
||||
"LABELCIRCULAR": false,
|
||||
},
|
||||
{
|
||||
"ID": "10",
|
||||
"LABEL": "AI",
|
||||
"COLORVALUE": "9",
|
||||
"COLORLABEL": "AI",
|
||||
"SIZEVALUE": 1500,
|
||||
"LABELCIRCULAR": false,
|
||||
},
|
||||
{
|
||||
"ID": "11",
|
||||
"LABEL": "Cognitive Science",
|
||||
"COLORVALUE": "8",
|
||||
"COLORLABEL": "Accounting",
|
||||
"SIZEVALUE": 700,
|
||||
"LABELCIRCULAR": false,
|
||||
},
|
||||
{
|
||||
"ID": "12",
|
||||
"LABEL": "Semiotics Linguistics",
|
||||
"COLORVALUE": "7",
|
||||
"COLORLABEL": "Accounting",
|
||||
"SIZEVALUE": 1000,
|
||||
"LABELCIRCULAR": false,
|
||||
},
|
||||
{
|
||||
"ID": "13",
|
||||
"LABEL": "Fractal Geometry",
|
||||
"COLORVALUE": "3",
|
||||
"COLORLABEL": "dynamical systems",
|
||||
"SIZEVALUE": 1000,
|
||||
"LABELCIRCULAR": false,
|
||||
},
|
||||
{
|
||||
"ID": "14",
|
||||
"LABEL": "Nonlinear Systems",
|
||||
"COLORVALUE": "3",
|
||||
"COLORLABEL": "dynamical systems",
|
||||
"SIZEVALUE": 1000,
|
||||
"LABELCIRCULAR": false,
|
||||
},
|
||||
{
|
||||
"ID": "15",
|
||||
"LABEL": "Chaos theory",
|
||||
"COLORVALUE": "3",
|
||||
"COLORLABEL": "dynamical systems",
|
||||
"SIZEVALUE": 1000,
|
||||
"LABELCIRCULAR": false,
|
||||
},
|
||||
{
|
||||
"ID": "16",
|
||||
"LABEL": "Complex living systems",
|
||||
"COLORVALUE": "5",
|
||||
"COLORLABEL": "Systems ecology",
|
||||
"SIZEVALUE": 1000,
|
||||
"LABELCIRCULAR": false,
|
||||
},
|
||||
{
|
||||
"ID": "17",
|
||||
"LABEL": "Gaia Hypothesis",
|
||||
"COLORVALUE": "5",
|
||||
"COLORLABEL": "Systems ecology",
|
||||
"SIZEVALUE": 1000,
|
||||
"LABELCIRCULAR": false,
|
||||
}
|
||||
|
||||
],
|
||||
"links": [
|
||||
{
|
||||
"FROMID": "1",
|
||||
"TOID": "3",
|
||||
"STYLE": "dashed",
|
||||
},
|
||||
{
|
||||
"FROMID": "1",
|
||||
"TOID": "4",
|
||||
"STYLE": "dashed",
|
||||
},
|
||||
{
|
||||
"FROMID": "1",
|
||||
"TOID": "2",
|
||||
"STYLE": "dashed",
|
||||
},
|
||||
{
|
||||
"FROMID": "2",
|
||||
"TOID": "1",
|
||||
"STYLE": "dashed",
|
||||
},
|
||||
{
|
||||
"FROMID": "2",
|
||||
"TOID": "4",
|
||||
"STYLE": "dashed",
|
||||
},
|
||||
{
|
||||
"FROMID": "2",
|
||||
"TOID": "10",
|
||||
"STYLE": "solid",
|
||||
},
|
||||
{
|
||||
"FROMID": "3",
|
||||
"TOID": "13",
|
||||
"STYLE": "solid",
|
||||
},
|
||||
{
|
||||
"FROMID": "3",
|
||||
"TOID": "14",
|
||||
"STYLE": "solid",
|
||||
},
|
||||
{
|
||||
"FROMID": "3",
|
||||
"TOID": "15",
|
||||
"STYLE": "solid",
|
||||
},
|
||||
{
|
||||
"FROMID": "1",
|
||||
"TOID": "5",
|
||||
"STYLE": "solid",
|
||||
},
|
||||
{
|
||||
"FROMID": "1",
|
||||
"TOID": "6",
|
||||
"STYLE": "solid",
|
||||
},
|
||||
{
|
||||
"FROMID": "1",
|
||||
"TOID": "16",
|
||||
"STYLE": "solid",
|
||||
},
|
||||
{
|
||||
"FROMID": "16",
|
||||
"TOID": "17",
|
||||
"STYLE": "solid",
|
||||
},
|
||||
{
|
||||
"FROMID": "2",
|
||||
"TOID": "9",
|
||||
"STYLE": "solid",
|
||||
},
|
||||
{
|
||||
"FROMID": "2",
|
||||
"TOID": "11",
|
||||
"STYLE": "solid",
|
||||
},
|
||||
{
|
||||
"FROMID": "2",
|
||||
"TOID": "12",
|
||||
"STYLE": "solid",
|
||||
},
|
||||
{
|
||||
"FROMID": "4",
|
||||
"TOID": "7",
|
||||
"STYLE": "solid",
|
||||
},
|
||||
{
|
||||
"FROMID": "4",
|
||||
"TOID": "8",
|
||||
"STYLE": "solid",
|
||||
}
|
||||
]
|
||||
}
|
||||
}); //sample data is provided when called without data
|
||||
}
|
||||
</script>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,163 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width,initial-scale=1">
|
||||
<title>Network Advanced</title>
|
||||
<script src="d3-force-apex-plugin/docs/scripts/prettify/prettify.js"></script>
|
||||
<script src="d3-force-apex-plugin/docs/scripts/prettify/lang-css.js"></script>
|
||||
<!--[if lt IE 9]>
|
||||
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div id="main">
|
||||
<div id="example"></div><!--the graph container-->
|
||||
<link href="d3-force-apex-plugin/docs/lib/d3-force-3.1.0.css" rel="stylesheet" type="text/css">
|
||||
<script src="d3-force-apex-plugin/docs/lib/ResizeObserver-1.5.0.min.js"></script>
|
||||
<script src="d3-force-apex-plugin/docs/lib/d3-3.5.6.min.js"></script>
|
||||
<script src="d3-force-apex-plugin/docs/lib/d3-force-3.1.0.min.js"></script>
|
||||
<script>
|
||||
var w = window.innerWidth;
|
||||
var h = window.innerHeight;
|
||||
|
||||
window.onload = function (){
|
||||
window.example = netGobrechtsD3Force("example")
|
||||
.width(w)
|
||||
.height(h)
|
||||
.charge(-800)
|
||||
.wrapLabels(true)
|
||||
.zoomMode(true)
|
||||
.debug(true) //also creates the "Customize Me" link
|
||||
.render({
|
||||
"data": {
|
||||
"nodes": [
|
||||
{
|
||||
"ID": "1",
|
||||
"LABEL": "1974 AUTOPOIESIS",
|
||||
"COLORVALUE": "10",
|
||||
"COLORLABEL": "Accounting",
|
||||
"SIZEVALUE": 13000,
|
||||
"LABELCIRCULAR": false,
|
||||
"LINK": "http://apex.oracle.com/",
|
||||
"INFOSTRING": "1974 Maturana, Varela - autopoiesis the organization of living systems ",
|
||||
},
|
||||
{
|
||||
"ID": "2",
|
||||
"LABEL": "1975 GAIA THEORY",
|
||||
"COLORVALUE": "10",
|
||||
"COLORLABEL": "Accounting",
|
||||
"SIZEVALUE": 13000,
|
||||
"LABELCIRCULAR": false,
|
||||
"LINK": "http://apex.oracle.com/",
|
||||
"INFOSTRING": "975 Lovelock - the quest for gaia",
|
||||
},
|
||||
{
|
||||
"ID": "3",
|
||||
"LABEL": "1967 SYMBIOGENESIS",
|
||||
"COLORVALUE": "10",
|
||||
"COLORLABEL": "Accounting",
|
||||
"SIZEVALUE": 13000,
|
||||
"LABELCIRCULAR": false,
|
||||
"LINK": "http://apex.oracle.com/",
|
||||
"INFOSTRING": "1967 Margulis - on the origin of mitosing cells",
|
||||
},
|
||||
{
|
||||
"ID": "4",
|
||||
"LABEL": "CYBORG THEORY",
|
||||
"COLORVALUE": "10",
|
||||
"COLORLABEL": "Accounting",
|
||||
"SIZEVALUE": 13000,
|
||||
"LABELCIRCULAR": false,
|
||||
"LINK": "http://apex.oracle.com/",
|
||||
"INFOSTRING": "1985 haraway - cyborg manifesto",
|
||||
},
|
||||
{
|
||||
"ID": "5",
|
||||
"LABEL": "1995 CYBORG GAIA",
|
||||
"COLORVALUE": "10",
|
||||
"COLORLABEL": "Accounting",
|
||||
"SIZEVALUE": 13000,
|
||||
"LABELCIRCULAR": false,
|
||||
"LINK": "http://apex.oracle.com/",
|
||||
"INFOSTRING": "1995 Haraway - Cyborgs and symbionts",
|
||||
},
|
||||
{
|
||||
"ID": "6",
|
||||
"LABEL": "1993 AUTOPOIETIC GAIA",
|
||||
"COLORVALUE": "10",
|
||||
"COLORLABEL": "Accounting",
|
||||
"SIZEVALUE": 13000,
|
||||
"LABELCIRCULAR": false,
|
||||
"LINK": "http://apex.oracle.com/",
|
||||
"INFOSTRING": "1986-87",
|
||||
},
|
||||
{
|
||||
"ID": "7",
|
||||
"LABEL": "1987 GAIA AND THE TECHNOSPHERES",
|
||||
"COLORVALUE": "10",
|
||||
"COLORLABEL": "Accounting",
|
||||
"SIZEVALUE": 13000,
|
||||
"LABELCIRCULAR": false,
|
||||
"LINK": "http://apex.oracle.com/",
|
||||
"INFOSTRING": "1987 Marguils, Sagan - Gaia and the evolution of machines",
|
||||
},
|
||||
{
|
||||
"ID": "8",
|
||||
"LABEL": "1987 ENACTIVISM",
|
||||
"COLORVALUE": "10",
|
||||
"COLORLABEL": "Accounting",
|
||||
"SIZEVALUE": 13000,
|
||||
"LABELCIRCULAR": false,
|
||||
"LINK": "http://apex.oracle.com/",
|
||||
"INFOSTRING": "1987 Varela, Maturana - the tree of knowledge",
|
||||
}
|
||||
|
||||
],
|
||||
"links": [
|
||||
{
|
||||
"FROMID": "4",
|
||||
"TOID": "5",
|
||||
"STYLE": "solid",
|
||||
},
|
||||
{
|
||||
"FROMID": "2",
|
||||
"TOID": "5",
|
||||
"STYLE": "solid",
|
||||
},
|
||||
{
|
||||
"FROMID": "1",
|
||||
"TOID": "6",
|
||||
"STYLE": "solid",
|
||||
},
|
||||
{
|
||||
"FROMID": "2",
|
||||
"TOID": "6",
|
||||
"STYLE": "solid",
|
||||
},
|
||||
{
|
||||
"FROMID": "3",
|
||||
"TOID": "6",
|
||||
"STYLE": "solid",
|
||||
},
|
||||
{
|
||||
"FROMID": "6",
|
||||
"TOID": "7",
|
||||
"STYLE": "solid",
|
||||
},
|
||||
{
|
||||
"FROMID": "1",
|
||||
"TOID": "8",
|
||||
"STYLE": "solid",
|
||||
}
|
||||
]
|
||||
}
|
||||
}); //sample data is provided when called without data
|
||||
}
|
||||
</script>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
Loading…
Reference in New Issue