diff --git a/readme/readme_1.html b/readme/readme_1.html new file mode 100644 index 0000000..046956c --- /dev/null +++ b/readme/readme_1.html @@ -0,0 +1,15 @@ + + + + readme + + + + + +
message 1
+ + + + + \ No newline at end of file diff --git a/readme/readme_2.html b/readme/readme_2.html new file mode 100644 index 0000000..a53b478 --- /dev/null +++ b/readme/readme_2.html @@ -0,0 +1,15 @@ + + + + readme + + + + + +
message 2
+ + + + + \ No newline at end of file diff --git a/readme/readme_3.html b/readme/readme_3.html new file mode 100644 index 0000000..4fb2a2b --- /dev/null +++ b/readme/readme_3.html @@ -0,0 +1,15 @@ + + + + readme + + + + + +
message 3
+ + + + + \ No newline at end of file diff --git a/readme/readme_4.html b/readme/readme_4.html new file mode 100644 index 0000000..d29df7e --- /dev/null +++ b/readme/readme_4.html @@ -0,0 +1,15 @@ + + + + readme + + + + + +
message 4
+ + + + + \ No newline at end of file diff --git a/script.js b/script.js index e25e7e9..cc88437 100644 --- a/script.js +++ b/script.js @@ -1,29 +1,40 @@ /////////////////////////////// -// all jQuery stuff here +// all jQuery stuff here + $(document).ready(function() { - $("#trigger").click(function() { - $("#demo").html("Hello, World!"); + $(document).on('click', '#paper_1', function(){ + $("#readme_1").show(); }); - - $(document).on('change', 'select', function(){ - alert($(this).find('option:selected').text()); - + $(document).on('click', '#paper_2', function(){ + $("#readme_2").show(); + }); + $(document).on('click', '#paper_3', function(){ + $("#readme_3").show(); }); + $(document).on('click', '#paper_4', function(){ + $("#readme_4").show(); + }); + -}); + -//go back+go forward buttons +});; + + + +/*go back+go forward buttons function goBack() { window.history.back(); } function goForward() { window.history.go(1); } + */ @@ -33,4 +44,8 @@ $(document).ready(function() { document.getElementById("container").innerHTML = document.getElementById(param_div_id).innerHTML; } + function goBack(){ + document.getElementById("2_park_newspaper").style.visibility = "hidden"; + + } diff --git a/start.html b/start.html index 9c287bb..6476502 100644 --- a/start.html +++ b/start.html @@ -20,27 +20,39 @@ there if you feel like it . + + - +
+ + + + +
- diff --git a/style_1.css b/style_1.css index 919f74b..ed22111 100644 --- a/style_1.css +++ b/style_1.css @@ -1,6 +1,6 @@ body { background-color: black; - font: 22px monospace; + font: 18px monospace; } #container { @@ -14,4 +14,41 @@ body { padding: 2% 2% 2% 2%; margin-bottom: 2%; -} \ No newline at end of file +} + +/* iframes park */ + +#readme_1 { + position:absolute; + z-index: 0; + left: 13%; + top:5%; + +} +#readme_2 { + position:absolute; + z-index: 1; + left: 25%; + top:15%; + +} +#readme_3 { + position:absolute; + z-index: 2; + left: 40%; + top:25%; +} +#readme_4 { + position:absolute; + z-index: 3; + right:13%; + top:35%; +} + +body.readme{ + background-color: white; + color:red; + + +} +