diff --git a/about.html b/about.html index 04c55e9..db11a60 100644 --- a/about.html +++ b/about.html @@ -1,26 +1,93 @@ - - - - About Jenna Andersen + + + + + + + + + + Jenna Andersen - - Jenna Andersen -
- - Jenna Andersen on Twitter - - Jenna Andersen on Instagram - - Jenna Andersen on Facebook - - Jenna Andersen on GitHub -
- -
+ +
+ +
+
+
+ +
+
+ +
+
+ +
+ + + + + +
+ +
+
+ Jenna Andersen, film photographer +

+ My first job was driving tractor in the cherry orchards, and my first entreuprenerial effort was a pumpkin patch located in the field in front of my parent's house. My father's parents are ranchers, my mother's parents own a dairy, and my parents have built their farm out to include a produce packing shed and drip irrigation distribution business. +
+
+ I was the first in my direct family line to graduate from college and I put my English major to use by turning my writing into profits through blogging. I launched Jenna Cole Photography in 2009 and have photographed several dozen weddings and many dozens of portrait sessions since. +
+
+ + In 2015 I was accepted into Dev Bootcamp where I will add web development to my skillset. After 5+ years of being self-employed while caring for two children I'm looking forward to working full-time in the world of tech where I can marry my aesthetic eye, idiomatic writing style, and blossoming web development skills. + + +

+ +
+ + +
+
+ + +
+ +
+ +
+
+ + + + + + + \ No newline at end of file diff --git a/blog/index.html b/blog/index.html index 6956ff3..a53b4af 100644 --- a/blog/index.html +++ b/blog/index.html @@ -1,28 +1,73 @@ - - - - Bits on Web Development + + + + + + + + + + Jenna Andersen -


- - Jenna Andersen -
- - - - -
- -
-
+ + +
+ +
+
+
+ +
+
+ +
+
+ + + +
+
+

Clean Up Your Javascript

10-5-2015

@@ -38,6 +83,7 @@

10-5-2015

JSHint logo

+
JSHint is incredibly easy to use, and even complete beginners can get a lot out of it. Paste your Javascript code into the screen on the lefthand side and on the right side of the screen you will find information about what is contained in the code, as well as a list of warnings if the code has errors or strays outside the bounds of normal Javascript conventions.

@@ -49,10 +95,12 @@

10-5-2015

JSHint has helped me clean up my code along with debugging that has untagled why a particular piece of code isn't performing as expected. It's the sort of open-source group-collaboration project that gets me excited about building up my coding skillset so I can help develop similar resources!

+
+

Why Use Instance Variables

@@ -71,8 +119,8 @@

9-28-2015


But what about when you want methods to not only run one after the other, but pass information between them so Method B can build upon whatever Method A was tasked to accomplish? - - Methods can be grouped together under a class and executed one after another to achieve the finale product. Instance variables are variables with an @ sign in front, allowing them to be accessed in both Method A and Method B. Here is a simple program for teaching basic math to a child. +
+ Methods can be grouped together under a class and executed one after another to achieve the finale product. Instance variables are variables with an @ sign in front, allowing them to be accessed in both Method A and Method B. Here is a simple program for teaching basic math to a child.

@@ -111,8 +159,8 @@

9-28-2015

@answer is the variable used in both first_pass and second_pass. It seems silly to break them apart in this simple example, but once more complicated code is introduced moving the information between methods will become critical. In this basic example having the code run as two methods would allow the second_pass to be cut off, if the teacher wanted the student to skip the wiggles shaking and just focus on letting the child be asked the question, wait four seconds, and then be given the answer.
-
- +
+
@@ -133,7 +181,8 @@

9-22-2015

Enumerables are a class of objects. Enumerable methods are a sort of pre-fabbed mix-in that can be used throughout the modules to execute different functions. I think of them as a shortcut I can take thanks to the creators of Ruby. I don't have to figure out how to break down the steps necessary for the computer to sort an array in alphabetical order, I can use .sort for that.

I'm still trying to wrap my head around these concepts. If you have a clarification or explanation that will improve this post and my understanding, please tweet with me via @jennacole so I can make necessary modifications. -

+

+
@@ -169,7 +218,7 @@

09-11-2015

-->11 - There are 11 bakers bringing goodies to your sale, but you want to make sure you have variety. Cupcakes are great, but what if someone came to the sale craving a brownie? Once you've collected who will be bringing what, an array won't work for storing both the name of the person and what they are bringing. This is where an array is what you're looking for. An array stores an object, like the names referred to as strings in our bakers array above, but it also can store corresponding information for each object. One value is called a key, the other is called a value. Hashes are always built with key-value pairs. + There are 11 bakers bringing goodies to your sale, but you want to make sure you have variety. Cupcakes are great, but what if someone came to the sale craving a brownie?
Once you've collected who will be bringing what, an array won't work for storing both the name of the person and what they are bringing. This is where an array is what you're looking for. An array stores an object, like the names referred to as strings in our bakers array above, but it also can store corresponding information for each object. One value is called a key, the other is called a value. Hashes are always built with key-value pairs. For our baking sale the names will be the keys and the yummy treats people bring will be the values. Key names must always be unique, so when creating your hash think through what strings or integers might be duplicates of each other and make that the values. @@ -208,8 +257,9 @@

09-11-2015

+
- +

Thinking of Margin/Border/Padding as Images on a Wall

@@ -235,7 +285,7 @@

9-3-2015

Image on Wall

When making changes to elements on your site and trying to decide whether to change the border, padding, or margin, think about exactly what you're trying to change. Using the image on the wall above...

- +

Do you want the image+mat+frame to stay the same, but you want the image to be closer to or farther from the edge of the wall? Change the margin.

Do you like where the image+mat sit on the wall but want a thick pumpkin-orange border around the image and the mat? Change the border color and size.

@@ -243,81 +293,104 @@

9-3-2015

Do you want more breathing room between your image and your border? (A larger mat?) Change your padding.

CSS placement can be tricky, and changing the above parameters might not put your logo or title or navigation bar quite where you'd like it to go. Your website is a series of boxes next to boxes inside boxes (divs) and there are a variety of factors that can affect how your website looks and where things go. But when you're thinking about one element, and the div it sits inside, and the way your element is placed within that div, changing the margin, border, and padding should get your content looking the way you desire it to.

-

+ +

Taking Ownership of the Dev Bootcamp Experience

-

Walk into the kitchen, grab a ladle, stir up your future

-

8-27-2015

- -
-

- I signed up for Dev Bootcamp specifically because of the phase-based program structure with an emphasis on developing the EQ of an individual along with their IQ. The phase-based program allows me the space I need to really learn the material, instead of forcing myself to rush in order to meet all of the deadlines. Of course my goal is to finish the program the week before Christmas and move into a new chapter of my life in the first week of 2016, but it is very important to me that I graudate the program after soaking up as much as possible before the technical interviews and the new job training begins. I've been passionate about the growth mindset after reading The One World Schoolhouse and am excited to be a part of a learning environment where the capacity to learn is emphasized as robustly as the curriculum. -

-

- Shereef's Fireside Chat clarified some of my assumptions and further reinforced that this program is the right choice for me. One week in and I'm already scrambling a bit to make furthter adjustments in my life to accomodate the workload of Phase 0. I've been a work-at-home-mom for over five years now, and there are a lot of things I'm going to need to adjust about my schedule and mindset in order to manage the demands of my future job. Phase 0 is not only preparing me for Phase 1, 2, and 3 of the DBC program, but also is providing me a glimpse into what my work-life balance is going to be like after DBC graduation. Attending a program without something like the Phase 0 ramp-up period and the Phase 1/2/3 holistic approach to developing a person instead of just a programmer would have been a recipe for mental/emotional collapse for me. -

-

- I most appreciated the frank talk about a student's employment prospects post-graduation. Becoming employable is as important as the amount of programming skills a student absorbs, and employability and a firm grasp of a wide-variety of programming principles are not always the same thing. I was already approaching the program with a growth-mindset, but now I'll be striving to focus less on checking the "completion" box for each assignment, and more on developing the unique skillset I can take from this intense experience and leverage into a choice employment opportunity in January 2016. -

-
+

Walk into the kitchen, grab a ladle, stir up your future

+

8-27-2015

+ +
+

+ I signed up for Dev Bootcamp specifically because of the phase-based program structure with an emphasis on developing the EQ of an individual along with their IQ. The phase-based program allows me the space I need to really learn the material, instead of forcing myself to rush in order to meet all of the deadlines. Of course my goal is to finish the program the week before Christmas and move into a new chapter of my life in the first week of 2016, but it is very important to me that I graudate the program after soaking up as much as possible before the technical interviews and the new job training begins. I've been passionate about the growth mindset after reading The One World Schoolhouse and am excited to be a part of a learning environment where the capacity to learn is emphasized as robustly as the curriculum. +

+

+ Shereef's Fireside Chat clarified some of my assumptions and further reinforced that this program is the right choice for me. One week in and I'm already scrambling a bit to make furthter adjustments in my life to accomodate the workload of Phase 0. I've been a work-at-home-mom for over five years now, and there are a lot of things I'm going to need to adjust about my schedule and mindset in order to manage the demands of my future job. Phase 0 is not only preparing me for Phase 1, 2, and 3 of the DBC program, but also is providing me a glimpse into what my work-life balance is going to be like after DBC graduation. Attending a program without something like the Phase 0 ramp-up period and the Phase 1/2/3 holistic approach to developing a person instead of just a programmer would have been a recipe for mental/emotional collapse for me. +

+

+ I most appreciated the frank talk about a student's employment prospects post-graduation. Becoming employable is as important as the amount of programming skills a student absorbs, and employability and a firm grasp of a wide-variety of programming principles are not always the same thing. I was already approaching the program with a growth-mindset, but now I'll be striving to focus less on checking the "completion" box for each assignment, and more on developing the unique skillset I can take from this intense experience and leverage into a choice employment opportunity in January 2016. +

+
-

Version Control and GitHub

- -

8-25-2015

+

Version Control and GitHub

+ +

8-25-2015

+ +
+

+ During my college years group projects were one of my least favorite things. It took far too long to decide on a project focus, and once we did start working toward something we would have to pull out our calendars and try to find a time where we could all meet up at the same time. This was before Google Docs, and working remotely on the same file would require saving multiple versions of the same file to keep track of which version we were working on. Historypaper1, Historypaper2-modifiedoctober5, HistorypapereditsbyJenna, etc etc. Today when working on group projects there is no need for meeting in the same place at the same time to work, or renaming the same file over and over to try to keep track of what changed what and when. Establishing a tight workflow that implements a version control system and utilizes Git and Github will address all of those obstacles. +

+

+ Version control is a system used to track changes to file(s) over time. Using "save as" to save multiple versions of the same file is a crude version of this. As a photographer I have developed a version control system for my photographs that utilizes the snapshot function in Photoshop or Lightroom. As I work on an image I take snapshots at specific points, allowing me to compare changes and go back to a specific edit if I'd like to go back and try a different method for the finished product. Developers use version control systems like Git to make virtual clones of the project they (and their team) are working on. Changes are added and recorded using Git, and then those changes are pushed over to a site like GitHub so the rest of the group can see them and utilize them in their own work on the project. +

+

+ GitHub is a social network hub that currently claims the title of largest online storage space of collaborative works. Upload your code to GitHub and mark it public and anyone who stumbles across your profile can take your code, load it on to their own computer, manipulate it, and upload their own version back to GitHub where the process can be repeated by someone else. Going back to the college group project example, college students working on coding projects for a class assignment can establish roles and responsibilities for each group member, create the main repository for their assignment, and complete the entire project remotely without the need to meet in person. If responsibilities are fuzzy and two people make changes in the same area GitHub will illuminate any merge conflicts to prevent duplicate work or overwriting of someone's efforts. A proper workflow will include a log of all changes, including information on who made the change, so there would be no more confusion about who is or isn't pulling their weight. +

+
+
+ +
+
+
+ + -
-

- During my college years group projects were one of my least favorite things. It took far too long to decide on a project focus, and once we did start working toward something we would have to pull out our calendars and try to find a time where we could all meet up at the same time. This was before Google Docs, and working remotely on the same file would require saving multiple versions of the same file to keep track of which version we were working on. Historypaper1, Historypaper2-modifiedoctober5, HistorypapereditsbyJenna, etc etc. Today when working on group projects there is no need for meeting in the same place at the same time to work, or renaming the same file over and over to try to keep track of what changed what and when. Establishing a tight workflow that implements a version control system and utilizes Git and Github will address all of those obstacles. -

-

- Version control is a system used to track changes to file(s) over time. Using "save as" to save multiple versions of the same file is a crude version of this. As a photographer I have developed a version control system for my photographs that utilizes the snapshot function in Photoshop or Lightroom. As I work on an image I take snapshots at specific points, allowing me to compare changes and go back to a specific edit if I'd like to go back and try a different method for the finished product. Developers use version control systems like Git to make virtual clones of the project they (and their team) are working on. Changes are added and recorded using Git, and then those changes are pushed over to a site like GitHub so the rest of the group can see them and utilize them in their own work on the project. -

-

- GitHub is a social network hub that currently claims the title of largest online storage space of collaborative works. Upload your code to GitHub and mark it public and anyone who stumbles across your profile can take your code, load it on to their own computer, manipulate it, and upload their own version back to GitHub where the process can be repeated by someone else. Going back to the college group project example, college students working on coding projects for a class assignment can establish roles and responsibilities for each group member, create the main repository for their assignment, and complete the entire project remotely without the need to meet in person. If responsibilities are fuzzy and two people make changes in the same area GitHub will illuminate any merge conflicts to prevent duplicate work or overwriting of someone's efforts. A proper workflow will include a log of all changes, including information on who made the change, so there would be no more confusion about who is or isn't pulling their weight. -

-
-
- home - about - works - blog -
- - -
- -
-
+ + + + +
+ +
+ +
+
+ + + \ No newline at end of file diff --git a/imgs/dieroll.png b/imgs/dieroll.png new file mode 100644 index 0000000..dd196cd Binary files /dev/null and b/imgs/dieroll.png differ diff --git a/imgs/dieroll_overlay.png b/imgs/dieroll_overlay.png new file mode 100644 index 0000000..ef842cc Binary files /dev/null and b/imgs/dieroll_overlay.png differ diff --git a/imgs/filmphotography.png b/imgs/filmphotography.png new file mode 100644 index 0000000..46fc5f5 Binary files /dev/null and b/imgs/filmphotography.png differ diff --git a/imgs/filmphotography_overlay.png b/imgs/filmphotography_overlay.png new file mode 100644 index 0000000..e152932 Binary files /dev/null and b/imgs/filmphotography_overlay.png differ diff --git a/imgs/javascriptsheet.png b/imgs/javascriptsheet.png new file mode 100644 index 0000000..0e9bc0e Binary files /dev/null and b/imgs/javascriptsheet.png differ diff --git a/imgs/javascriptsheet_overlay.png b/imgs/javascriptsheet_overlay.png new file mode 100644 index 0000000..301fe76 Binary files /dev/null and b/imgs/javascriptsheet_overlay.png differ diff --git a/imgs/pinterestfail.png b/imgs/pinterestfail.png new file mode 100644 index 0000000..cfcd34a Binary files /dev/null and b/imgs/pinterestfail.png differ diff --git a/imgs/pinterestfail.psd b/imgs/pinterestfail.psd new file mode 100644 index 0000000..ddd7c21 Binary files /dev/null and b/imgs/pinterestfail.psd differ diff --git a/imgs/pinterestfail_overlay.png b/imgs/pinterestfail_overlay.png new file mode 100644 index 0000000..7933b8c Binary files /dev/null and b/imgs/pinterestfail_overlay.png differ diff --git a/index.html b/index.html index 71712ac..756c1f4 100644 --- a/index.html +++ b/index.html @@ -1,46 +1,120 @@ - - + + + + + + + + + Jenna Andersen -


- - Jenna Andersen -
- - - - -
+ + +
+ +
+
+
+ +
+
+ +
+
+ +
+ + + + + +
+ +
+
+
+
+
+ Jenna Andersen, film photographer +
+
+ I'm a freelance writer, film photographer, and Dev Bootcamp web-development student living in the San Francisco Bay Area. +
+
+ I've maintained 100,000+ pageviews per month on my personal lifestyle blog for 5+ years and am the creator of the hit blog Pinterest Fail which averages 600,000+ pageviews per month.

+
+ +

Sharing daily on Instagram via @thatwifeblog and @jennacolephoto.

+
+
+ + +
+ + +
+ + + +
+ +
+ +
+
+ + + + + \ No newline at end of file diff --git a/site-format-template.html b/site-format-template.html new file mode 100644 index 0000000..16cfa96 --- /dev/null +++ b/site-format-template.html @@ -0,0 +1,83 @@ + + + + + + + + + + + + Jenna Andersen + + + + + +
+ +
+
+
+ +
+
+ +
+
+ +
+ + + + + + +
+ +
+
+
+
+
+ +
+
+ + +
+ + + + + + +
+ +
+ +
+
+ + + + + \ No newline at end of file diff --git a/stylesheets/about.css b/stylesheets/about.css index 331e2b7..7292506 100644 --- a/stylesheets/about.css +++ b/stylesheets/about.css @@ -1,3 +1,94 @@ +a:link {color: #bb4886;} +a:visited {color: #bb4886;} +a:hover {color: #7f5b80;} +a:active {color: #0b7788;} + +a { + color: #99cccc; +} +#breathing_room { + +} + +#menu { +/* background-color: green;*/ + padding-top: 30px; + /*padding-bottom: 20px;*/ +} + +/*.menu_buttons { + padding-left: 90px; + font-size: 30px; + font-weight: bolder; + +}*/ + +@media(max-width: 480px) { + h1 { + font-size: 12pt; + } +} + +#email { + font-size: 15px; + color: #99cccc; +} + +#left_col { + /*padding-top: 30px;*/ + +} + +#middle_col { + padding-left: 40px; + /*background-color: red;*/ + opacity: 0.75; + +} + +#right_col{ + /*border-left: #587889 2px solid ; + border-top: #587889 2px solid ; + border-bottom: #587889 2px solid ; + padding-left: 20px; + padding-top: 20px; + /*background-color: black;*/ +} + +#logo{ + width: 300px; + height: auto; + float: right; +} + +.mailTo { + font-weight: bold; +/* padding-top: 250px;*/ + margin-top: 20px; + margin-left: 50px; + position: absolute; + +} + +.body_pic { + width: 70%; + /*border: 5px solid #587889;*/ + float: left; + padding-bottom: 20px; + padding-right: 10px; + padding-left: 10px; + margin-right: auto; + margin-left: auto; +} + +.body_text { + text-align: right; + padding-right: 50px; + /*background-color: red;*/ +} + +/* + .bodyTextRight { float: right; text-align: right; @@ -11,12 +102,3 @@ font-family: Arial; } -.visitThese { - position: relative; - float: left; - font-size: 2.1em; - margin-right: 20px; - padding-left:55px; - padding-top: 10px; - -} \ No newline at end of file diff --git a/stylesheets/blog.css b/stylesheets/blog.css index b6a6926..672780f 100644 --- a/stylesheets/blog.css +++ b/stylesheets/blog.css @@ -1,72 +1,111 @@ -a:link {color: #69aeaf;} -a:visited {color: #f38ccd;} +a:link {color: #bb4886;} +a:visited {color: #bb4886;} a:hover {color: #7f5b80;} a:active {color: #0b7788;} -h1 { - color: white; +a { + color: #99cccc; } +#breathing_room { -#blankSpace { - width: 100%; - margin-top: 100px; } -.blogPostBreak { - border:none; - border-top:8px solid; - color:#fff; - background-color:#fff; - height:2px; - width:100%; - margin-bottom: 30px; +#menu { +/* background-color: green;*/ + padding-top: 30px; + /*padding-bottom: 20px;*/ +} +@media(max-width: 480px) { + h1 { + font-size: 12pt; + } } -.visitThese { - display: inline; - text-align: center; - width: 20px; - font-size: 2em; - padding-left: 40px; - padding-right: 40px; - border: 2px white dotted; - border-radius: 20px; - padding-bottom: 15px; - padding-top: 5px; - margin-left: 30px; - margin-right: 30px; +#email { + font-size: 15px; + color: #99cccc; +} + + +#left_col { + /*padding-top: 30px;*/ + +} + +#middle_col { +/* padding-left: 40px;*/ + /*background-color: red;*/ + opacity: 0.75; } -.blogPostText { - font-size: 17px; - text-align: left; - margin-left: 15px; - margin-right: 15px; +#right_col{ + /*border-left: #587889 2px solid ; + border-top: #587889 2px solid ; + border-bottom: #587889 2px solid ; + padding-left: 20px; + padding-top: 20px; + /*background-color: black;*/*/ } -.blogImages { +#logo{ + width: 275px; + height: auto; +} - width: 500px; -/* height: auto;*/ - margin-left: auto; - margin-right: auto; - display: block; - border: 10px white solid; +#archive{ + font-size: 30px; + padding:30px; + width:300px; } +#drop_menu{ + display: none; + height: 175px; + overflow: auto; + width: 200px; + font-size: 14px; + } -#postLinksHeader { - list-style-type:none; - font-size: 2em; +#archive:hover #drop_menu { + display:block; } -.postLinks { +.mailTo { font-weight: bold; - padding-top: 250px; - margin-left: 30px; - margin-top: 100px; - position: fixed; +/* padding-top: 250px;*/ + margin-top: 20px; + margin-left: 50px; + position: absolute; + +} -} \ No newline at end of file +.body_text { + text-align: right; + padding-right: 50px; + /*background-color: red;*/ +} + +a.morelink { + text-decoration:none; + outline: none; + font-size: 20px; + font-style: italic; +} +.morecontent span { + display: none; + +} + +.blogPostBreak { + border: black dashed 2px; +} + +.blogImages { + width: 60%; + text-align: center; + margin-left: auto; + margin-right: auto; + display: block; +} diff --git a/stylesheets/default.css b/stylesheets/default.css index cdf3f98..ed44f46 100644 --- a/stylesheets/default.css +++ b/stylesheets/default.css @@ -1,9 +1,78 @@ - -a:link {color: #69aeaf;} -a:visited {color: #f38ccd;} +a:link {color: #bb4886;} +a:visited {color: #bb4886;} a:hover {color: #7f5b80;} a:active {color: #0b7788;} +a { + color: #99cccc; +} +#breathing_room { + +} + +#menu { +/* background-color: green;*/ + padding-top: 30px; + /*padding-bottom: 20px;*/ +} + +@media(max-width: 480px) { + h1 { + font-size: 12pt; + } +} + +#email { + font-size: 15px; + color: #99cccc; +} + + +#left_col { + /*padding-top: 30px;*/ + +} + +#middle_col { +/* padding-left: 40px;*/ + /*background-color: red;*/ + opacity: 0.75; + +} + +#right_col{ + /*border-left: #587889 2px solid ; + border-top: #587889 2px solid ; + border-bottom: #587889 2px solid ; + padding-left: 20px; + padding-top: 20px; + /*background-color: black;*/*/ +} + +#logo{ + width: 275px; + height: auto; +} + +.mailTo { + font-weight: bold; +/* padding-top: 250px;*/ + margin-top: 20px; + margin-left: 50px; + position: absolute; + +} + +.body_text { + text-align: right; + padding-right: 50px; + /*background-color: red;*/ +} + +/* + + + body { @@ -15,24 +84,9 @@ body { margin-top: 100px; } -#header { - display: block; - margin-right: auto; - width: 250px; - height: auto; - padding-left: 70px; - position: fixed; -} -.socialIcons { - display: inline-block; - margin: 0 auto; - width: 30px; - float: right; - padding-right: 200px; -} .greigeBox { background-color: #587889; @@ -69,14 +123,7 @@ body { font-size: 16px; } -.greigePic { - width: 55%; - margin-top: 30px; - border: 8px solid white; - float: left; - margin-left: 40px; -} - + .visitThese { position: relative; @@ -88,19 +135,19 @@ body { .visitTheseInd { /*border: 2px dotted white; - border-radius: 20px;*/ + border-radius: 20px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; padding-left: 10px; } -.mailTo { - font-weight: bold; - padding-top: 250px; - margin-left: 95px; - position: absolute; + +.well { + background-color: white; + border: white; } +*/ \ No newline at end of file diff --git a/stylesheets/index.css b/stylesheets/index.css new file mode 100644 index 0000000..0b01523 --- /dev/null +++ b/stylesheets/index.css @@ -0,0 +1,90 @@ +a:link {color: #bb4886;} +a:visited {color: #bb4886;} +a:hover {color: #7f5b80;} +a:active {color: #0b7788;} + +a { + color: #99cccc; +} +#breathing_room { + +} + +#menu { +/* background-color: green;*/ + padding-top: 30px; + /*padding-bottom: 20px;*/ +} + +/*.menu_buttons { + padding-left: 70px; + font-size: 30px; + font-weight: bolder; + +}*/ + +@media(max-width: 480px) { + h1 { + font-size: 12pt; + } +} + +#email { + font-size: 15px; + color: #99cccc; +} + + +#left_col { + /*padding-top: 30px;*/ + +} + +#middle_col { +/* padding-left: 40px;*/ + /*background-color: red;*/ + opacity: 0.75; + +} + +#right_col{ +/* border-left: #587889 2px solid ; + border-top: #587889 2px solid ; + border-bottom: #587889 2px solid ; + padding-right: 20px; + padding-top: 20px; + /*background-color: black;*/ +} + +#logo{ + width: 300px; + height: auto; + float: right; +} + +.mailTo { + font-weight: bold; +/* padding-top: 250px;*/ + margin-top: 20px; + margin-left: 48px; + position: absolute; + +} + +.body_pic { + width: 75%; + /*border: 5px solid #587889;*/ + float: left; + padding-bottom: 20px; + padding-right: 10px; + padding-left: 10px; + margin-right: auto; + margin-left: auto; +} + +.body_text { + text-align: right; + padding-right: 50px; + font-size: 15px; + /*background-color: red;*/ +} \ No newline at end of file diff --git a/stylesheets/works.css b/stylesheets/works.css index 9b66d0b..25e67e4 100644 --- a/stylesheets/works.css +++ b/stylesheets/works.css @@ -1,118 +1,116 @@ - -a:link {color: #69aeaf;} -a:visited {color: #f38ccd;} +a:link {color: #bb4886;} +a:visited {color: #bb4886;} a:hover {color: #7f5b80;} a:active {color: #0b7788;} +a { + color: #99cccc; +} +#breathing_room { - -body { - text-align: center; } -#blankSpace { - width: 100%; - margin-top: 100px; +#menu { +/* background-color: green;*/ + padding-top: 30px; + /*padding-bottom: 20px;*/ } -#header { - display: block; - margin-right: auto; - width: 250px; - height: auto; +/*.menu_buttons { padding-left: 70px; - position: fixed; + font-size: 30px; + font-weight: bolder; -} +}*/ -.socialIcons { - display: inline-block; - margin: 0 auto; - width: 30px; - float: right; - padding-right: 200px; +@media(max-width: 480px) { + h1 { + font-size: 12pt; + } +} + +#email { + font-size: 15px; + color: #99cccc; } -.greigeBox { - background-color: #587889; - display: inline-block; - margin: 0 auto; - width: 70%; - border-radius: 25px; - padding-bottom: 70px; - margin-right: 70px; - float: right; +#left_col { + /*padding-top: 30px;*/ } -.worksLinks { - font-size: 1.5em; - color: white; - float: left; - padding-left: 25px; +#middle_col { +/* padding-left: 40px;*/ + /*background-color: red;*/ + opacity: 0.75; + } -.bodyTextRight { - float: right; - text-align: right; - width: 36%; - padding-top: 40px; - color: white; - font-size: 20px; - position: relative; - margin-right: 20px; - margin-top: 30px; - font-family: Palatino; +#right_col{ +/* border-left: #587889 2px solid ; + border-top: #587889 2px solid ; + border-bottom: #587889 2px solid ; + padding-right: 20px; + padding-top: 20px; + /*background-color: black;*/ } -.bodyTextLeft { +#logo{ + width: 200px; + height: auto; float: left; - text-align: left; - margin-left: 60px; - padding-top: 0px; - color: white; - padding-bottom: 50px; - font-size: 16px; } -.greigePic { - width: 55%; - margin-top: 30px; - border: 8px solid white; - float: left; - margin-left: 40px; +.mailTo { + font-weight: bold; +/* padding-top: 250px;*/ + margin-top: 20px; + margin-left: 48px; + position: absolute; + } - -/*.visitThese { - position: relative; - padding-top: 100px; - font-size: 2em; - margin-right: 50px; + +.body_text { + text-align: right; + padding-right: 50px; + font-size: 15px; +} + +.project_links{ + font-size: 14px; + font-style: italic; + padding-left: 60px; + -}*/ +} + +.project_screens{ + border-radius: 900px; + width: 65%; + margin-left: 25px; +/* margin-top: 15px;*/ + margin-bottom: 5px; + border: #f5f3d1 solid 10px; + margin-top: 40px; -.visitTheseInd { - border: 2px dotted white; - border-radius: 20px; - padding-top: 10px; - padding-bottom: 10px; - padding-right: 10px; - padding-left: 10px; - margin-top: 50px; - margin-right: 25px; - position: relative; - float: right; - font-size: 1.7em; } -.mailTo { +/*.project_headers { + font-size: 50px; font-weight: bold; - padding-top: 250px; - margin-left: 95px; - position: absolute; + font-style: italic; + margin-left: 20px; + margin-top: 10px; + color: #288082; + padding-left: 40px; + opacity: .65; -} +}*/ +#footer { + padding-top: 20px; + padding-left: 100px; +} \ No newline at end of file diff --git a/works.html b/works.html index 896edd8..ddc700c 100644 --- a/works.html +++ b/works.html @@ -1,45 +1,147 @@ - - + + + + + + + + + Jenna Andersen - - Jenna Andersen -
- - - -
- -
-
-

-

- Javascript Cheat Sheet - Guess & Roll -
-

- - home - about - works - blog - + + +
+
+ +
+
+
+ +
+
+ +
+
+ +
+ + + + + +
+ +
+ +
+
+
+ + + + ►Javascript Cheat Sheet +
+
+ +
+ ►Guess & Roll +
+
+ + +
+ ►Jenna Cole Photography +
+
+ +
+ ►Pinterest Fail +
+ + +
+
+
-
+ + + +
+ +
+ +
+
-
-
- jenna@jennaandersen.com -
-
+ - \ No newline at end of file + +