adding web prototypes of last week
parent
2ff6b3c084
commit
67d0645367
@ -0,0 +1,13 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Iframe 1</title>
|
||||
</head>
|
||||
<style>
|
||||
body{
|
||||
background-color: yellow;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
Hello
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,13 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Iframe 2</title>
|
||||
</head>
|
||||
<style>
|
||||
body{
|
||||
background-color: pink;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
world
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,13 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Iframe 3</title>
|
||||
</head>
|
||||
<style>
|
||||
body{
|
||||
background-color: orange;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
!
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,19 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Iframes</title>
|
||||
</head>
|
||||
<style>
|
||||
body{
|
||||
background-color: lightgrey;
|
||||
}
|
||||
iframe{
|
||||
width: 30%;
|
||||
display: inline-block;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<iframe src="iframes.1.html"></iframe>
|
||||
<iframe src="iframes.2.html"></iframe>
|
||||
<iframe src="iframes.3.html"></iframe>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,14 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Redirect 1</title>
|
||||
<meta http-equiv="refresh" content="0;URL='meta-refresh.2.html'" />
|
||||
</head>
|
||||
<style>
|
||||
body{
|
||||
background-color: yellow;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>You will be redirected to <a href="meta-refresh.2.html">meta-refresh.2.html</a>.</p>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,14 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Redirect 2</title>
|
||||
<meta http-equiv="refresh" content="0;URL='meta-refresh.3.html'" />
|
||||
</head>
|
||||
<style>
|
||||
body{
|
||||
background-color: pink;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>You will be redirected to <a href="meta-refresh.3.html">meta-refresh.3.html</a>.</p>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,14 @@
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<title>Redirect 3</title>
|
||||
<meta http-equiv="refresh" content="0;URL='meta-refresh.1.html'" />
|
||||
</head>
|
||||
<style>
|
||||
body{
|
||||
background-color: orange;
|
||||
}
|
||||
</style>
|
||||
<body>
|
||||
<p>You will be redirected to <a href="meta-refresh.1.html">meta-refresh.1.html</a>.</p>
|
||||
</body>
|
||||
</html>
|
||||
@ -0,0 +1,33 @@
|
||||
|
||||
# Networked exercises
|
||||
|
||||
## webring:
|
||||
|
||||
https://en.wikipedia.org/wiki/Webring
|
||||
|
||||
* ringsurf
|
||||
|
||||
https://web.archive.org/web/19980612213331/http://www.ringsurf.com/
|
||||
|
||||
https://web.archive.org/web/19980612213413/http://www.ringsurf.com:80/wm.html (FAQ)
|
||||
|
||||
* Webringo
|
||||
|
||||
http://webringo.com/index.php
|
||||
|
||||
http://webringo.com/browsering.php?id=137
|
||||
|
||||
http://a-womans-web.serennau.co.uk/
|
||||
|
||||
|
||||
## iframes:
|
||||
|
||||
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/iframe
|
||||
|
||||
*Because each browsing context is a complete document environment, every <iframe> in a page requires increased memory and other computing resources. While theoretically you can use as many <iframe>s as you like, check for performance problems.*
|
||||
|
||||
|
||||
## redirections:
|
||||
|
||||
* Olia Lialina - http://art.teleportacia.org/olia/summer/ (uses javascript)
|
||||
* meta-refresh prototype (but confusions, security risks, bad functioning of back button)
|
||||
@ -0,0 +1,45 @@
|
||||
<!doctype html>
|
||||
<!-- drx -->
|
||||
<head>
|
||||
<meta charset="utf8">
|
||||
<title>☼</title>
|
||||
<script type="text/javascript">
|
||||
var chain = [["http://1x-upon.com/~despens/olia/summer/"], ["http://www.newrafael.com/olia/summer/", "http://www.entropy8.com/olia/summer/"], ["http://saskia-aldinger.com/olia/summer/"], ["http://www.sebastianschmieg.com/olia/summer/"], ["http://GLI.TC/H/olia/summer/", "http://www.constantdullaart.com/olia/summer/"], ["http://jonaslund.biz/olia/summer/"], ["http://thxalot.org/olia/summer/"], ["http://www.raquelmeyers.com/olia/summer/"], ["http://www.anthonyantonellis.com/olia/summer/"], ["http://www.emiliegervais.com/olia/summer/"], ["http://kimasendorf.com/olia/summer/"], ["http://shorttermmemoryloss.com/olia/summer/"], ["http://todayandtomorrow.net/olia/summer/"], ["http://benfinoradin.info/olia/summer/"], ["http://www.leegte.org/olia/summer/"], ["http://www.faithholland.com/olia/summer/", "http://fernandoalfonso.com/olia/summer/"], ["http://www.evan-roth.com/olia/summer/"], ["http://k0a1a.net/olia/summer/"]];
|
||||
var step = 1;
|
||||
var branch_initial = branch = Math.floor(Math.random()*chain[step].length);
|
||||
|
||||
window.onload = function(){
|
||||
setTimeout(function(){
|
||||
top.location = chain[step][branch];
|
||||
}, 150);
|
||||
setInterval(function(){
|
||||
branch++;
|
||||
if(branch == chain[step].length) branch = 0;
|
||||
if(branch == branch_initial) {
|
||||
branch_initial = branch = 0;
|
||||
step++;
|
||||
if(step == chain.length) step = 0;
|
||||
}
|
||||
top.location = chain[step][branch]
|
||||
}, 3000)
|
||||
}
|
||||
</script>
|
||||
<style type="text/css">
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: white;
|
||||
background: -webkit-linear-gradient(-90deg, blue, white);
|
||||
background: linear-gradient(to bottom, blue, white);
|
||||
background-repeat: repeat-x;
|
||||
background-size: 100% 330px;
|
||||
}
|
||||
img {
|
||||
display: block;
|
||||
margin: 0 auto;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<img src="olia01.gif" width="146" height="374">
|
||||
</body>
|
||||
Loading…
Reference in New Issue