]> git.r.bdr.sh - rbdr/frames/commitdiff
git.r.bdr.sh / rbdr / frames / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side (parent: 5787b0a)
Add the website
authorBen Beltran <redacted>
Thu, 30 Mar 2017 06:43:00 +0000 (00:43 -0600)
committerBen Beltran <redacted>
Thu, 30 Mar 2017 06:43:00 +0000 (00:43 -0600)
background.gif [new file with mode: 0644] patch | blob
cat1.jpg [new file with mode: 0644] patch | blob
cat2.jpg [new file with mode: 0644] patch | blob
cat3.jpg [new file with mode: 0644] patch | blob
cat4.jpg [new file with mode: 0644] patch | blob
frameset.html [new file with mode: 0644] patch | blob
index.html [new file with mode: 0644] patch | blob
main.html [new file with mode: 0644] patch | blob
menu.html [new file with mode: 0644] patch | blob

diff --git a/background.gif b/background.gif
new file mode 100644 (file)
index 0000000..0cbd9ad
Binary files /dev/null and b/background.gif differ
diff --git a/cat1.jpg b/cat1.jpg
new file mode 100644 (file)
index 0000000..c6601a8
Binary files /dev/null and b/cat1.jpg differ
diff --git a/cat2.jpg b/cat2.jpg
new file mode 100644 (file)
index 0000000..5fb7e01
Binary files /dev/null and b/cat2.jpg differ
diff --git a/cat3.jpg b/cat3.jpg
new file mode 100644 (file)
index 0000000..48ce574
Binary files /dev/null and b/cat3.jpg differ
diff --git a/cat4.jpg b/cat4.jpg
new file mode 100644 (file)
index 0000000..e5d85c0
Binary files /dev/null and b/cat4.jpg differ
diff --git a/frameset.html b/frameset.html
new file mode 100644 (file)
index 0000000..2d1338b
--- /dev/null
+++ b/frameset.html
@@ -0,0 +1,22 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+       "http://www.w3.org/TR/html4/strict.dtd">
+
+<HTML>
+       <HEAD>
+               <TITLE>My website</TITLE>
+       </HEAD>
+
+       <FRAMESET cols="20%, 80%">
+               <FRAMESET rows="100, 200">
+                       <FRAME src="http://heart.unlimited.pizza">
+                       <FRAME src="/menu.html">
+               </FRAMESET>
+               <FRAME src="/main.html">
+       </FRAMESET>
+       <NOFRAMES>
+               <H1>Oh no!</H1>
+               <P>Welcome to my website. This website uses frames.
+                  Your web browser doesn't support frames.</P>
+               <A href="http://netscape.com/">Try netscape!</A>
+       </NOFRAMES>
+</HTML>
diff --git a/index.html b/index.html
new file mode 100644 (file)
index 0000000..6136e6a
--- /dev/null
+++ b/index.html
@@ -0,0 +1,23 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+       "http://www.w3.org/TR/html4/strict.dtd">
+
+<HTML>
+       <HEAD>
+               <TITLE>My website</TITLE>
+               <STYLE type="text/css">
+                       BODY { background-color: silver }
+                       H1 { color: cyan; color: yellow; font-family: impact; font-size: 72px; font-style: italic}
+                       P { color: teal; font-size: 24px; font-family: georgia }
+                       INPUT {padding: 25px; background-color: cyan; font-size: 24px; font-family: "andale mono"}
+               </STYLE>
+       </HEAD>
+
+       <BODY>
+               <H1>Warning!</H1>
+               <P>Welcome to my website. This website uses frames.
+                  Continue only if your web browser supports frames.</P>
+               <FORM action="/frameset.html" method="get">
+                       <INPUT type="submit" value="I understand. Continue.">
+               </FORM>
+       </BODY>
+</HTML>
diff --git a/main.html b/main.html
new file mode 100644 (file)
index 0000000..bf16671
--- /dev/null
+++ b/main.html
@@ -0,0 +1,45 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+       "http://www.w3.org/TR/html4/strict.dtd">
+
+<HTML>
+       <HEAD>
+               <TITLE>My favorite websites</TITLE>
+               <STYLE type="text/css">
+                       BODY { background-image: url("/background.gif") }
+                       H1 { color: fuchsia; background-color: yellow; text-align: center; font-family: "Trebuchet MS" }
+                       H1.trees { font-style: italic; background-color: silver; color: green; padding: 1%; margin: 1% 10%; font-family: arial }
+                       P { color: white }
+                       P.trees, UL { color: white; background-color: silver; padding: 1% }
+                       P.about { background-color: white; color: teal; line-height: 15px; padding: 10%; text-align: right; font-family: verdana }
+                       LI { margin: 1%; color: maroon }
+                       H2 { color: cyan }
+                       H3 { font-size: 72px; font-family: "Courier New" }
+                       IMG { width: 240px; height: 320px }
+               </STYLE>
+       </HEAD>
+
+       <BODY>
+               <H1>Thank you for visiting my site</H1>
+               <P>If you like my website please check out my favorite sites too!</P>
+               <HR>
+               <H2>My cat</H2>
+               <P><IMG src="/cat1.jpg" alt="My cat"></P>
+               <P><IMG src="/cat2.jpg" alt="The picture is not old! It's just edited to look like that (Taken in 2016)"></P>
+               <P><IMG src="/cat3.jpg" alt="My cat 2"></P>
+               <P><IMG src="/cat4.jpg" alt="He can't get down"></P>
+               <HR>
+               <H1 class="trees">My top favorite trees</H1>
+               <P class="trees">This list is not in any order, these are some of my favorite trees</P>
+               <UL>
+                       <LI><B>Birch</B> it's the zebra of trees</LI>
+                       <LI><B>Baobab</B> it's so weird and big!</LI>
+                       <LI><B>The pine tree</B> <A href="http://www.softschools.com/facts/plants/pine_facts/538/">Too many reasons to list!!</A></LI>
+                       <LI><B>Palm trees</B> 1. coconuts, 2. the beach</LI>
+                       <LI><B>Red Maple</B> it wins at having the best color of its leaves</LI>
+               </UL>
+               <H3>About Me</H3>
+               <P class="about">My name is ruben, I'm from juarez, mexico and I'm making websites!
+               <BR>
+               My twitter name is @pigeonfolk</P>
+       </BODY>
+</HTML>
diff --git a/menu.html b/menu.html
new file mode 100644 (file)
index 0000000..9412475
--- /dev/null
+++ b/menu.html
@@ -0,0 +1,27 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
+       "http://www.w3.org/TR/html4/strict.dtd">
+
+<HTML>
+       <HEAD>
+               <TITLE>My favorite websites</TITLE>
+               <STYLE type="text/css">
+                       H4 { color: yellow }
+                       TABLE { background-color: olive }
+                       TD { background-color: yellow }
+                       TD:hover { background-color: teal }
+                       A { color: teal }
+                       A:hover{ color: silver }
+               </STYLE>
+       </HEAD>
+
+       <BODY bgcolor=maroon>
+               <H4>My favorite websites.</H4>
+               <TABLE>
+                       <TR><TD><A href="http://google.com">Google</A></TD></TR>
+                       <TR><TD><A href="http://simcity.com">SimCity</A></TD></TR>
+                       <TR><TD><A href="http://amazon.com">Amazon</A></TD></TR>
+                       <TR><TD><A href="http://unlimited.pizza">My Personal Page</A></TD></TR>
+                       <TR><TD><A href="tripod.com">Tripod</A></TD></TR>
+               </TABLE>
+       </BODY>
+</HTML>
This page requires frames #web