Permalink
Browse files

adds more text

  • Loading branch information...
1 parent 3c4ce58 commit 3497cbb4d511f23dd32394c12f291ddd4f84f2c1 @michaelporter committed Apr 25, 2012
Showing with 86 additions and 12 deletions.
  1. +32 −0 README.mkd
  2. +5 −0 css/default.less
  3. +49 −12 index.html
View
@@ -1,3 +1,35 @@
So, this is my web presentation for my old middle school's career day, in which I will talk about what it's like to switch careers (and pretend that I have successfully done so already).
It uses the scrollTo() JQuery plugin, as well as the Less CSS framework, and I am praying to Google that the school has a browser other than IE on their computers...but the styling should work nonetheless. It uses an Apple-like black linen for it's main background, because it makes it really easy to look like I know what I'm doing in a really short amount of time. At least to a bunch of 8th graders.
+
+Okay, so here's the outline:
+
+
+Pane 1: What is a Web Developer?
+
+Pane 2: Websites have two layers: the front, and the back;
+
+Pane 3: The front is built by designers; it's what you look at, and what shows the user where to go
+
+Pane 4: The back is built by developers; it's what changes the design based on what's happening; it tells the website where to go.
+ It can swap out parts of the design for other parts;
+ (Here is where the image of the website coming together will go)
+
+Pane 4.5: Web sites are really just a bunch of files that connect to each other; they're stored on a computer called a server, which can be thousands of miles away from the user's computer
+
+Pane 4.7: Because these files are written with programming languages, they can put logic behind how a website responds to users
+
+Pane 5: Many languages are used; PHP, Python, Ruby, Java, and others; they run on the server computer
+
+Pane 6: Examples of sites with development, and sites without.
+ With: Google, YouTube, Tumblr, Amazon, and all news sites (content management), anything you can log in to
+ Without: Most personal websites (including this one!), but not much else.
+
+Pane 7: So what do I actually do?
+ Show a text editor
+
+
+What should I be answering?
+ How to become a developer
+ expected wage?
+ what tools are there
View
@@ -83,6 +83,11 @@ html {
top: 15%;
left:46%;
}
+
+ p.dontneed {
+ top:30%;
+
+ }
}
a {
View
@@ -88,39 +88,70 @@ <h2 class="bigtext">Developers build the back part with programming languages li
<li>
<div id="seventhpane">
<h2 class="bigtext">These programs give websites logic.</h2><br />
- <h2 class="bigtext">They can respond better to users...</h2>
+ <h2 class="bigtext">They can respond to users more intelligently.</h2>
<p class="centerbottom2"><a href="#" id="seventh" class="left"><img src="./images/arrow1.png"/></a></p>
</div>
</li>
<li>
<div id="eigthpane">
- <h2 class="bigtext"></h2>
- <p class="basiccenter"><a href="#" id="eigth" class="left"><img src="./images/arrow1.png"/></a></p>
+ <h2 class="bigtext">The site can manage users, user-specifc content, and provide more advanced solutions to users' problems.</h2>
+ <p class="centerbottom2" style="top:10%;"><a href="#" id="eigth" class="left"><img src="./images/arrow1.png"/></a></p>
</div>
</li>
<li>
<div id="ninthpane">
- <h1>Third Pane!</h1>
- <p><a href="#" id="ninth" class="left"><img src="./images/arrow1.png"/></a></p>
+ <h2 class="bigtext">You can start becoming a web developer when you go home <span style="border-bottom:2px solid white;">tonight</span>.</h2>
+ <p class="centerbottom2" style="top:25%;"><a href="#" id="ninth" class="left"><img src="./images/arrow1.png"/></a></p>
</div>
</li>
<li>
- <div id="eigthpane">
- <h2 class="bigtext">!</h2>
- <p class="basiccenter"><a href="#" id="eigth" class="left"><img src="./images/arrow1.png"/></a></p>
+ <div id="tenthpane">
+ <h2 class="bigtext">You don't need to have internet access.</h2>
+ <p class="centerbottom2 dontneed"><a href="#" id="tenth" class="left"><img src="./images/arrow1.png"/></a></p>
</div>
</li>
<li>
- <div id="eigthpane">
- <h2 class="bigtext"></h2>
- <p class="basiccenter"><a href="#" id="eigth" class="left"><img src="./images/arrow1.png"/></a></p>
+ <div id="eleventhpane">
+ <h2 class="bigtext">You don't need to be a genius.</h2>
+ <p class="centerbottom2 dontneed"><a href="#" id="eleventh" class="left"><img src="./images/arrow1.png"/></a></p>
+ </div>
+ </li>
+
+ <li>
+ <div id="twelfthpane">
+ <h2 class="bigtext">You don't need a college degree.</h2><h2 class="bigtext"> (yet)</h2>
+ <p class="centerbottom2 dontneed"><a href="#" id="twelfth" class="left"><img src="./images/arrow1.png"/></a></p>
+ </div>
+ </li>
+
+ <li>
+ <div id="thirteenthpane">
+ <h2 class="bigtext">What you do need:</h2>
+ <h2 class="bigtext">- A text editor</h2>
+ <h2 class="bigtext">- A web browser</h2>
+ <h2 class="bigtext">- A library book</h2>
+
+ <p class="centerbottom2"><a href="#" id="thirteenth" class="left"><img src="./images/arrow1.png"/></a></p>
</div>
</li>
+ <li>
+ <div id="fourteenthpane">
+ <h1 class="centercenter">Curiosity</h1><h2 class="bigtext"></h2>
+ <p class="centerbottom" style="top:60%;"><a href="#" id="fourteenth" class="left"><img src="./images/arrow1.png"/></a></p>
+ </div>
+ </li>
+
+ <li>
+ <div id="fifteenthpane">
+ <h2 class="bigtext">A desire to make the world <u>more interesting</u> today than it was yesterday.</h><h2 class="bigtext"></h2>
+ <p class="centerbottom2"><a href="#" id="fifteenth" class="left"><img src="./images/arrow1.png"/></a></p>
+ </div>
+ </li>
@@ -148,7 +179,13 @@ <h2 class="bigtext"></h2>
movepane('#sixth', '#seventhpane', 2);
movepane('#seventh', '#eigthpane', 2);
movepane('#eigth', '#ninthpane', 2);
- movepane('#ninth', '#firstpane', 2);
+ movepane('#ninth', '#tenthpane', 2);
+ movepane('#tenth', '#eleventhpane', 2);
+ movepane('#eleventh', '#twelfthpane', 2);
+ movepane('#twelfth', '#thirteenthpane', 2);
+ movepane('#thirteenth', '#fourteenthpane', 2);
+ movepane('#fourteenth', '#fifteenthpane', 2);
+ movepane('#fifteenth', '#firstpane', 2);
var screenwidth = $(window).width();
var screenheight = $(window).height();

0 comments on commit 3497cbb

Please sign in to comment.