diff --git a/.nojekyll b/.nojekyll new file mode 100644 index 0000000000..8b13789179 --- /dev/null +++ b/.nojekyll @@ -0,0 +1 @@ + diff --git a/01week/helloworld/index.html b/01week/helloworld/index.html index e69de29bb2..58400d20f5 100644 --- a/01week/helloworld/index.html +++ b/01week/helloworld/index.html @@ -0,0 +1,12 @@ + + + + + + + Document + + + Hello World!! + + \ No newline at end of file diff --git a/01week/resume/css/style.css b/01week/resume/css/style.css index e69de29bb2..314441aaf4 100644 --- a/01week/resume/css/style.css +++ b/01week/resume/css/style.css @@ -0,0 +1,138 @@ +body { + font-family: Arial, Helvetica, sans-serif; + background-image: url("../images/dust_scratches.png"); + /* : 0 auto; */ +} + +/* ---------------------------------------- */ +.navbar { + overflow: hidden; + font-family: Arial, Helvetica, sans-serif; + background-color: #333333; + /* position: fixed; */ + display: flex; +} + +.navbar a { + float: left; + font-size: 16px; + color: white; + text-align: center; + padding: 14px 16px; + text-decoration: none; +} + +.navbar a:hover { + background-color: #55644C; + color: #D4FDFF; +} + +main { + display: block; +} + +h1{ + color: black; + /* padding-top: 50px; + position: fixed; */ +} + +.self { + border-radius: 12px; + /* position: fixed; */ + /* top: 50%; + left: 50%; + margin-top: -150px; + margin-left: -150px; */ +} + +h2 { + padding: 10px; + margin: 5px; +} + +.summary { + background-color: #CBD3F2; + width: 700px; + padding: 10px; + border: 3px solid gray; + text-align: center; + border-radius: 12px; + margin: auto; +} + +.experience { + background-color: #BFAFC1; + width: 1000px; + padding: 10px; + border: 3px solid black; + border-radius: 12px; + margin: auto; +} + +.edu { + background-color: #D8AFB6; + width: 700px; + padding: 10px; + border: 3px solid black; + border-radius: 12px; + padding-bottom: 30px; + margin: auto; +} + +.vol { + background-color: #C5BB7A; + width: 700px; + padding: 10px; + border: 3px solid black; + border-radius: 12px; + padding-bottom: 20px; + margin: auto; +} + +.skills { + background-color: #BAE5FB; + width: 300px; + padding: 10px; + border: 3px solid black; + border-radius: 12px; + padding-bottom: 20px; + margin: auto; +} + +.goldslogo { + float: left; + padding-left: 15px; + padding-right: 15px; +} + +.vidalogo { + float: left; + padding-left: 15px; + padding-right: 15px; +} + +.thelablogo { + float: left; + padding-left: 15px; + padding-right: 15px; +} + +.newtonlogo { + float: left; + padding-left: 15px; + padding-right: 15px; +} + +.lamar { + float: left; + padding-right: 15px; + padding-left: 15px; +} + +.hrc { + float: left; + padding-left: 15px; + padding-right: 25px; +} + diff --git a/01week/resume/images/Lamar-Cardinal.png b/01week/resume/images/Lamar-Cardinal.png new file mode 100644 index 0000000000..dabe3f1504 Binary files /dev/null and b/01week/resume/images/Lamar-Cardinal.png differ diff --git a/01week/resume/images/dust_scratches.png b/01week/resume/images/dust_scratches.png new file mode 100644 index 0000000000..a0ae0e162e Binary files /dev/null and b/01week/resume/images/dust_scratches.png differ diff --git a/01week/resume/images/golds.png b/01week/resume/images/golds.png new file mode 100644 index 0000000000..046c9fc8b6 Binary files /dev/null and b/01week/resume/images/golds.png differ diff --git a/01week/resume/images/hrc12944_1_2.jpg b/01week/resume/images/hrc12944_1_2.jpg new file mode 100644 index 0000000000..6ab1577ce8 Binary files /dev/null and b/01week/resume/images/hrc12944_1_2.jpg differ diff --git a/01week/resume/images/me.JPG b/01week/resume/images/me.JPG new file mode 100644 index 0000000000..cd3849315b Binary files /dev/null and b/01week/resume/images/me.JPG differ diff --git a/01week/resume/images/newtonlogo.jpeg b/01week/resume/images/newtonlogo.jpeg new file mode 100644 index 0000000000..5634dd24bd Binary files /dev/null and b/01week/resume/images/newtonlogo.jpeg differ diff --git a/01week/resume/images/thelab.jpg b/01week/resume/images/thelab.jpg new file mode 100644 index 0000000000..8a1c3bb3bb Binary files /dev/null and b/01week/resume/images/thelab.jpg differ diff --git a/01week/resume/images/vida.png b/01week/resume/images/vida.png new file mode 100644 index 0000000000..3a9db76f91 Binary files /dev/null and b/01week/resume/images/vida.png differ diff --git a/01week/resume/index.html b/01week/resume/index.html index e69de29bb2..2a999430df 100644 --- a/01week/resume/index.html +++ b/01week/resume/index.html @@ -0,0 +1,220 @@ + + + + + + + + +Michael Snowden Resume + + + + + + + + +
+ +

Michael Snowden

+

Full Stack Web Developer

+ + self-portrait +
+
+ +
+

Summary

+ +

Charismatic, talented and diligent professional offering expertise in + business management, customer service and communications. Poised and + competent team builder and natural leader who thrives in fast-paced work + environments. +

+
+
+ + + +
+

Experience

+ +

+

Golds Gym

+ + Front Desk Manager
+ Killeen, Texas July 2018 - Present +
+
+
+ + +

+
+ + + + +

+

Vida Fitness

+ + Team Supervisor
+ Washington, DC Jan 2017 - Jun 2018 + + +

+
+ + + +

+

The Lab ATX

+ + Facility Director
+ Austin, Texas Sept 2015 - Dec 2016 + + +

+
+ + + + +

+

Newton High School

+ + Fine Arts Instructor
+ Newton, Texas Aug 2013 - Jun 2015
+
+ + +

+ +
+
+ +
+ + + +
+

Education

+ +

Lamar-Cardinal
+ + Lamar University

+ Bachelor of Fine Arts: Studio Art
+ Minor areas of study: Communications, Environmental Science
+ Beaumont, Texas 2012
+
+
+ Santa Reparata International School of Art
+ History of the Renaissance
+ Watercolor Studio
+ Florence, Italy, 2012
+
+
+ Extracurricular Activities:
+ Artist Common
+ Secretary, 2009
+ Treasurer, 2010
+ Vice President/Treasurer, 2011
+ President, 2012
+

+
+
+ + + +
+

Volunteer Experience

+ +

hrc-logo
+ + Human Rights Campaign

+ Volunteer, 2012 - Present
+ Membership Outreach Coordinator, 2015 - 2016
+ Austin, Texas
+
+ +

+

+
+
+ +
+

Technical Skills

+ +
+ + + + \ No newline at end of file diff --git a/02week/bio/Images/congruent_outline.png b/02week/bio/Images/congruent_outline.png new file mode 100644 index 0000000000..441ce0ac8b Binary files /dev/null and b/02week/bio/Images/congruent_outline.png differ diff --git a/02week/bio/Images/greyfloral.png b/02week/bio/Images/greyfloral.png new file mode 100644 index 0000000000..91525ccd8f Binary files /dev/null and b/02week/bio/Images/greyfloral.png differ diff --git a/02week/bio/Images/paper.png b/02week/bio/Images/paper.png new file mode 100644 index 0000000000..2bfdbbada0 Binary files /dev/null and b/02week/bio/Images/paper.png differ diff --git a/02week/bio/Images/self.JPG b/02week/bio/Images/self.JPG new file mode 100644 index 0000000000..19a75d87f4 Binary files /dev/null and b/02week/bio/Images/self.JPG differ diff --git a/02week/bio/Images/strange_bullseyes.png b/02week/bio/Images/strange_bullseyes.png new file mode 100644 index 0000000000..e78a148eb6 Binary files /dev/null and b/02week/bio/Images/strange_bullseyes.png differ diff --git a/02week/bio/Images/topography.png b/02week/bio/Images/topography.png new file mode 100644 index 0000000000..a009e12004 Binary files /dev/null and b/02week/bio/Images/topography.png differ diff --git a/02week/bio/css/style.css b/02week/bio/css/style.css index e69de29bb2..f04dd67a41 100644 --- a/02week/bio/css/style.css +++ b/02week/bio/css/style.css @@ -0,0 +1,101 @@ +header { + padding-right: 200px; + text-align: right; + font-family: michroma; + color: #BDCC94; +} + +body { + background-image: url("../Images/strange_bullseyes.png"); +} + +/* ------------------------------------ */ + +nav { + float: left; + margin: 0; + padding: 0; + overflow: hidden; + list-style-type: none; + font-family: michroma; + background-color: none; +} + +li { + float: left; +} + +li a { + display: block; + color: black; + background-color: #DEDEDE; + padding: 10px 35px; + border-radius: 20px; + text-decoration: none; +} + +li a:hover { + background-color: #6F7F65; + color: whitesmoke; +} + +/* -------------------------------------- */ + +main { + display: flex; + padding: 10px; +} + +section { + padding: 10px; + background-image: url("../Images/topography.png"); + border-radius: 12px; + font-family: hammersmith one; + font-size: 15px; + height: 75%; + margin-top: 100px; +} + +aside { + background-color:transparent; + padding: 5px; + border-radius: 12px; + +} + +.image-cropper { + height: auto; + position: relative; +} + +.image-cropper img{ + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -ms-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; +} + +p { + padding-left: 50px; +} + +img { + float: right; + padding: 20px; + margin-bottom: 75px; + border-radius: 20px; +} + +/* -------------------------------------------------------------------------- */ + +.footer { + position: fixed; + left: 0; + bottom: 0; + width: 100%; + background-image: transparant; + color: black; + text-align: center; + font-family: questrial; +} diff --git a/02week/bio/index.html b/02week/bio/index.html index e69de29bb2..e02fcc0e5d 100644 --- a/02week/bio/index.html +++ b/02week/bio/index.html @@ -0,0 +1,81 @@ + + + + + + + + + + + Biography + + + + + + + +
+

Michael Snowden

+
+ + +
+ + + +
+ +
+ +

+ I've worn several hats in my professional life. After college + I instructed high school art in my hometown of Newton, Texas. Sharing the benefits + of creative thought and expression with my students is one of the most rewarding + experiences I've ever had. I smile when I think back on this time of my life, knowing + that I have made a positive impact in the lives many. +
+
+ + In addition to teaching art, I am also a practicing artist. My body of work is + varied consisting of large-scale abstract paintings, charcoal and graphite figure drawings, + sculptures constructed of wood, cement and steel, tattoo designs, home furnishings and my personal + favorite, pet portraits. Art gives me life. +
+
+ + I've had the pleasure for the past four years of working in the fitness industry, providing + a safe and encouraging space for the self improvement of others. +
+ + + + +

+
+ + + + + + + +
+ + + + + \ No newline at end of file diff --git a/04week/nasa/css/style.css b/04week/nasa/css/style.css index e69de29bb2..cbe49a532a 100644 --- a/04week/nasa/css/style.css +++ b/04week/nasa/css/style.css @@ -0,0 +1,61 @@ +body { + width: 850px; + margin: 0 auto; +} + +.img-container { + background-image: url(../img/nasa-background.jpg); + width: 850px; + height: 450px; + display: flex; + align-items: center; + justify-content: center; +} + +.title { + color: white; + font-family: kanit; + font-size: 50px; +} + +.main-container { + display: flex; + justify-content: space-evenly; + background-color: #E6E6E6; + margin-top: 15px; + font-family: nanum gothic; + color: gray; +} + +h3 { + font-family: kanit; + color: black; +} +ul { + list-style-type: none; +} + +#name { + width: 100%; + padding: 7px; +} + +#message { + width: 100%; + padding: 20px; + margin-top: 5px; +} + +#button { + color: white; + background-color: #4D4D4D; + padding: 10px; + width: 75px; + font-size: 15px; + font-family: kanit; + margin-top: 5px; +} + +#contact { + height: 324px; +} \ No newline at end of file diff --git a/04week/nasa/index.html b/04week/nasa/index.html index e69de29bb2..f11b2f9102 100644 --- a/04week/nasa/index.html +++ b/04week/nasa/index.html @@ -0,0 +1,55 @@ + + + + + + Nasa + + + + + + + + +
+
+
+

NASA

+
+
+
+ +
+ +
+ +
+ +
+ +
+ +
+

CONTACT

+ Name
+
+ Message
+
+ +
+ +
+ + \ No newline at end of file diff --git a/04week/tomorrows-technology/css/style.css b/04week/tomorrows-technology/css/style.css index e69de29bb2..851cb95672 100644 --- a/04week/tomorrows-technology/css/style.css +++ b/04week/tomorrows-technology/css/style.css @@ -0,0 +1,124 @@ +body { + /* display: flex; */ + margin: 50px; +} + +.main-container { + display: flex; + +} +#img { + width: 95%; +} + +.article { + width: 95%; + font-family: muli; +} + +p { + font-size: 25px; +} + +button { + width: 150px; + height: 40px; + background-color: #4C4C4C; + color: white; + font-size: 20px; +} + +.top-stories { + font-family: biryani; + margin: 0px; +} + +ul { + list-style-type: none; + font-family: biryani; + font-size: 15px; +} + +li { + padding: 10px; + font-size: 12px; +} + +h2 { + border-bottom: 1px solid black; +} + +footer { + display: flex; + background-color: #5D5D5D; + width: 100%; + color: white; + font-family: muli; + margin-top: 30px; +} + +footer li { + border-bottom: .2px solid white; +} + +a { + text-decoration: none; + font-size: 15px; + color: white; + line-height: 10px; +} + +.useful { + width: 100%; + margin: 10px; +} + +.social { + width: 100%; + margin: 10px; + padding-right: 20px; +} +.fab { + float: right; +} +@media (min-width: 992px) { + footer { + display: none; + } +} + +@media (max-width: 768px) { + footer { + display: none; + } + + .top-stories { + display: none; + } + + h1 { + font-size: 25px; + } + + p { + font-size: 16px; + } + + button { + width: 100px; + height: 30px; + background-color: #4C4C4C; + color: white; + font-size: 12px; + } +} + +@media (max-width: 576px) { + h1 { + font-size: 18px; + } + + footer { + display: flex; + } +} \ No newline at end of file diff --git a/04week/tomorrows-technology/img/fb.png b/04week/tomorrows-technology/img/fb.png new file mode 100644 index 0000000000..bd1099e6f5 Binary files /dev/null and b/04week/tomorrows-technology/img/fb.png differ diff --git a/04week/tomorrows-technology/img/ig.png b/04week/tomorrows-technology/img/ig.png new file mode 100644 index 0000000000..0d59bf3bbb Binary files /dev/null and b/04week/tomorrows-technology/img/ig.png differ diff --git a/04week/tomorrows-technology/img/tw.png b/04week/tomorrows-technology/img/tw.png new file mode 100644 index 0000000000..d19cf91e46 Binary files /dev/null and b/04week/tomorrows-technology/img/tw.png differ diff --git a/04week/tomorrows-technology/index.html b/04week/tomorrows-technology/index.html index e69de29bb2..5aac4d6593 100644 --- a/04week/tomorrows-technology/index.html +++ b/04week/tomorrows-technology/index.html @@ -0,0 +1,79 @@ + + + + + + + Tomorrow's Technology + + + + + + + + + + + + +
+
+
+
+ +
+ +
+

Tomorrow's Technology, Yesterday's Insights

+

Sometimes what the tech world comes up with has + already been tried and rejected and really + doesn't need to be resurrected--Like the + Taylorist view... +

+
+ + + +
+ + +
+
    +

    TOP STORIES

    +
  • Stanford Researchers Make Artificial Skin That Senses Touch
  • +
  • 3 New Ways To Wear Your Favorite Chambray Shirt
  • +
  • Where To Buy Your Next Rug
  • +
  • Chukkas That Offer Casual, Comfortable Style
  • +
+
+
+ + + +
+ + + + + + \ No newline at end of file diff --git a/05week/transitions-and-transformations/css/reset.css b/05week/transitions-and-transformations/css/reset.css new file mode 100644 index 0000000000..d9aad70caa --- /dev/null +++ b/05week/transitions-and-transformations/css/reset.css @@ -0,0 +1,20 @@ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} \ No newline at end of file diff --git a/05week/transitions-and-transformations/css/style.css b/05week/transitions-and-transformations/css/style.css index e69de29bb2..975ec01e6d 100644 --- a/05week/transitions-and-transformations/css/style.css +++ b/05week/transitions-and-transformations/css/style.css @@ -0,0 +1,92 @@ +body { + margin: 0 auto; + width: 50px; +} + +.box1 { + height: 50px; + width: 50px; + background-color: aqua; + margin: 20px; +} + +.box2 { + height: 50px; + width: 50px; + background-color: aquamarine; + margin: 20px; +} + +.box3 { + height: 50px; + width: 50px; + background-color: rebeccapurple; + margin: 20px; +} + +.box4 { + height: 50px; + width: 50px; + background-color: olive; + margin: 20px; +} + +.box5 { + height: 50px; + width: 50px; + background-color: darkcyan; + margin: 20px; +} + +.box6 { + height: 50px; + width: 50px; + background-color: rosybrown; + margin: 20px; +} + +.box7 { + height: 50px; + width: 50px; + background-color: seagreen; + margin: 20px; +} + +.box8 { + height: 50px; + width: 50px; + background-color: yellowgreen; + margin: 20px; +} + +.box9 { + height: 50px; + width: 50px; + background-color: red; + margin: 20px; +} + +.box10 { + height: 50px; + width: 50px; + background-color: gold; + margin: 20px; +} + +.box11 { + height: 50px; + width: 50px; + background-color: blue; + margin: 20px; +} + +.box12 { + height: 50px; + width: 50px; + background-color: slategray; + margin: 20px; +} + +.trigger:hover .box1 { + transform: translate(200px, 150px) rotate(20deg); +} diff --git a/05week/transitions-and-transformations/index.html b/05week/transitions-and-transformations/index.html index 8b13789179..b591e5901b 100644 --- a/05week/transitions-and-transformations/index.html +++ b/05week/transitions-and-transformations/index.html @@ -1 +1,31 @@ + + + + + + Transitions And Translations + + + + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+ + + + \ No newline at end of file diff --git a/05week/travel-gram/css/reset.css b/05week/travel-gram/css/reset.css new file mode 100644 index 0000000000..15b9ff09c6 --- /dev/null +++ b/05week/travel-gram/css/reset.css @@ -0,0 +1,20 @@ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} \ No newline at end of file diff --git a/05week/travel-gram/css/style.css b/05week/travel-gram/css/style.css index d3f5a12faa..56645389fd 100644 --- a/05week/travel-gram/css/style.css +++ b/05week/travel-gram/css/style.css @@ -1 +1,399 @@ +body { + display: grid; + grid-template-columns: 50% 50%; + grid-template-rows: auto auto auto auto; + grid-template-areas: "hd hd" + "g1 g1" + "g2 g2" + "g4 g4"; +} + +.header { + grid-area: hd; +} + +.group1 { + grid-area: g1; + display: flex; + +} + +.group2 { + grid-area: g2; + display: flex; + +} + +.group3 { + grid-area: g3; + display: grid; + grid-template-columns: 50% 50%; + grid-template-rows: 70% 30%; + grid-template-areas: "box4 box5" + "box6 box6"; + +} + +.group4 { + grid-area: g4; + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; +} + +.box { + border: 2px solid black; +} +.box1 { + display: grid; + grid-template-columns: 33% 33% 33%; + grid-template-rows: 60% 40%; + grid-template-areas: "a1 b1 b1" + "a1 b1 b1" + "a1 c1 d1" +} + +.a1 { + grid-area: a1; +} + +.b1 { + grid-area: b1; +} + +.c1 { + grid-area: c1; +} + +.d1 { + grid-area: d1; + font-size: 40px; +} + + +.box2 { + display: grid; + grid-template-columns: 33% 33% 33%; + grid-template-rows: 60% 40%; + grid-template-areas: "a2 b2 b2" + "a2 b2 b2" + "a2 c2 d2" +} + +.a2 { + grid-area: a2; +} + +.b2 { + grid-area: b2; +} + +.c2 { + grid-area: c2; +} + +.d2 { + grid-area: d2; + font-size: 40px; +} + +.box3 { + display: grid; + grid-template-columns: 50% 50%; + grid-template-rows: 33% 33% 33%; + grid-template-areas: "a3 a3" + "b3 b3" + "c3 d3"; +} + +.a3 { + grid-area: a3; +} + +.b3 { + grid-area: b3; +} + +.c3 { + grid-area: c3; +} + +.d3 { + grid-area: d3; + font-size: 40px; +} + + +.box4 { + grid-area: box4; + display: grid; + grid-template-columns: 50% 50%; + grid-template-rows: 33% 33% 33%; + grid-template-areas: "a4 a4" + "b4 b4" + "c4 d4"; +} + +.a4 { + grid-area: a4; +} + +.b4 { + grid-area: b4; +} + +.c4 { + grid-area: c4; +} + +.d4 { + grid-area: d4; + font-size: 40px; +} + +.box5 { + display: grid; + grid-area: box5; + grid-template-columns: 50% 50%; + grid-template-rows: 33% 33% 33%; + grid-template-areas: "a5 a5" + "b5 b5" + "c5 d5"; +} + +.a5 { + grid-area: a5; +} + +.b5 { + grid-area: b5; +} + +.c5 { + grid-area: c5; +} + +.d5 { + grid-area: d5; + font-size: 40px; +} + +.box6 { + grid-area: box6; + display: grid; + grid-template-columns: 33% 33% 33%; + grid-template-rows: 60% 40%; + grid-template-areas: "a6 b6 b6" + "a6 b6 b6" + "a6 c6 d6" +} + +.a6 { + grid-area: a6; +} + +.b6 { + grid-area: b6; +} + +.c6 { + grid-area: c6; +} + +.d6 { + grid-area: d6; + font-size: 40px; +} + +.group4 > box { + display: grid; + grid-template-columns: 50% 50%; + grid-template-rows: 33% 33% 33%; + grid-template-areas: "aa aa" + "bb bb" + "cc dd"; +} + +.aa { + grid-area: aa; +} + +.bb { + grid-area: bb; +} + +.cc { + grid-area: cc; +} + +.dd { + grid-area: dd; + font-size: 40px; +} + + +@media (min-width: 768px) and (max-width: 1200px) { + body { + display:grid; + grid-template-columns: 1fr 1fr; + grid-template-areas: "hr hr" + "box1 box2" + "box3 box4" + "box5 box6" + "box7 box8" + "box9 box10" +<<<<<<< HEAD +======= + +>>>>>>> 0840813c629c62b6bcbe993857aa81361c80cad6 + } + .box { + background-color: lightpink; + } + + + + + + +@media (max-width: 768px) { + body { + display: grid; + grid-template-rows: 1fr; + /* grid-auto-rows: minmax (100px, auto); */ + grid-template-areas: + "hr" + "box1" + "box2" + "box3" + ".box4" + ".box5" + ".box6" + ".box7" + ".box8" + ".box9" + ".box10" + } + + .header { + grid-area: hr; + } + + .box1 { + grid-area: box1; + } + + .box2 { + grid-area: box2; + } + + .box3 { + grid-area: box3; + } +} + + + + + + + + + + + + + + + + + + + + + + + +/* .main-container { + display: grid; + grid-gap: 20px; + width: calc(100%-20px); +} + +.main-container>div:nth-child(odd) { + background-color: beige; + padding: 10px; +} + +.main-container>div:nth-child(even) { + background-color: blanchedalmond; + padding: 10px; +} + +.header { + width: 500px; + margin: 0 auto; +} + +.box { + border: 1px solid black; + margin: 5px; +} */ + +/* .grid { + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; + grid-gap: 20px; + width: calc(100% - 20px); + grid-template-areas: + "box1 box1 box2 box2" + "box3 box3 box4 box5" + "box3 box3 box6 box6" + "box7 box8 box9 box10" +} */ +/* +.group1 { + display: grid; + grid-template-columns: 50% 50%; +} + +.group2 { + display: grid; + grid-template-columns: 50% 50%; +} + +.group3 { + display: grid; + grid-template-columns: 1fr 1fr 1fr 1fr; +} + +@media (max-width: 768px) { + .main-container { + display: grid; + grid-template-rows: 1fr; + grid-auto-rows: minmax (100px, auto); + grid-template-areas: + "box1" + "box2" + "box3" + "box4" + "box5" + "box6" + "box7" + "box8" + "box9" + "box10" + } +} + +@media (min-width: 768px) and (max-width: 1200px) { + .main-container { + display:grid; + grid-template-columns: 1fr 1fr; + } + .box { + background-color: lightpink; + + } + +} */ \ No newline at end of file diff --git a/05week/travel-gram/images/pig1.jpg b/05week/travel-gram/images/pig1.jpg new file mode 100644 index 0000000000..9de96e8ace Binary files /dev/null and b/05week/travel-gram/images/pig1.jpg differ diff --git a/05week/travel-gram/images/pig10.png b/05week/travel-gram/images/pig10.png new file mode 100644 index 0000000000..253fd779fc Binary files /dev/null and b/05week/travel-gram/images/pig10.png differ diff --git a/05week/travel-gram/images/pig11.jpg b/05week/travel-gram/images/pig11.jpg new file mode 100644 index 0000000000..bbc07b02eb Binary files /dev/null and b/05week/travel-gram/images/pig11.jpg differ diff --git a/05week/travel-gram/images/pig2.jpg b/05week/travel-gram/images/pig2.jpg new file mode 100644 index 0000000000..ed50b23cc7 Binary files /dev/null and b/05week/travel-gram/images/pig2.jpg differ diff --git a/05week/travel-gram/images/pig3.jpg b/05week/travel-gram/images/pig3.jpg new file mode 100644 index 0000000000..2083ccc112 Binary files /dev/null and b/05week/travel-gram/images/pig3.jpg differ diff --git a/05week/travel-gram/images/pig4.jpg b/05week/travel-gram/images/pig4.jpg new file mode 100644 index 0000000000..3e5dd363c5 Binary files /dev/null and b/05week/travel-gram/images/pig4.jpg differ diff --git a/05week/travel-gram/images/pig5.jpg b/05week/travel-gram/images/pig5.jpg new file mode 100644 index 0000000000..383db9d93d Binary files /dev/null and b/05week/travel-gram/images/pig5.jpg differ diff --git a/05week/travel-gram/images/pig6.jpg b/05week/travel-gram/images/pig6.jpg new file mode 100644 index 0000000000..c6506da83b Binary files /dev/null and b/05week/travel-gram/images/pig6.jpg differ diff --git a/05week/travel-gram/images/pig7.jpg b/05week/travel-gram/images/pig7.jpg new file mode 100644 index 0000000000..8480183b5c Binary files /dev/null and b/05week/travel-gram/images/pig7.jpg differ diff --git a/05week/travel-gram/images/pig8.jpg b/05week/travel-gram/images/pig8.jpg new file mode 100644 index 0000000000..85e7e4c77c Binary files /dev/null and b/05week/travel-gram/images/pig8.jpg differ diff --git a/05week/travel-gram/images/pig9.png b/05week/travel-gram/images/pig9.png new file mode 100644 index 0000000000..69f7c8f2d9 Binary files /dev/null and b/05week/travel-gram/images/pig9.png differ diff --git a/05week/travel-gram/images/pignews.jpg b/05week/travel-gram/images/pignews.jpg new file mode 100644 index 0000000000..40b7549d82 Binary files /dev/null and b/05week/travel-gram/images/pignews.jpg differ diff --git a/05week/travel-gram/index.html b/05week/travel-gram/index.html index 8b13789179..07b952e390 100644 --- a/05week/travel-gram/index.html +++ b/05week/travel-gram/index.html @@ -1 +1,133 @@ + + + + + + PNN - Pig News Now + + + + + + + + +
+

PNN - Pig News Now

+

| November 2018

+
+ + +
+ +
+
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veniam maxime porro saepe + quidem voluptatibus tenetur accusamus sequi provident nemo dolores non nihil natus corporis eaque, + iusto neque, atque molestiae officiis.
+
asdfasdf
+
+ +
+
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veniam maxime porro saepe + quidem voluptatibus tenetur accusamus sequi provident nemo dolores non nihil natus corporis eaque, + iusto neque, atque molestiae officiis.
+
asdfasdf
+
+ +
+ + + +
+ +
+
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veniam maxime porro saepe + quidem voluptatibus tenetur accusamus sequi provident nemo dolores non nihil natus corporis eaque, + iusto neque, atque molestiae officiis.
+
asdfasdf
+
+ + +
+
+
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veniam maxime porro saepe + quidem voluptatibus tenetur accusamus sequi provident nemo dolores non nihil natus corporis eaque, + iusto neque, atque molestiae officiis.
+
asdfasdf
+
+ +
+
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veniam maxime porro saepe + quidem voluptatibus tenetur accusamus sequi provident nemo dolores non nihil natus corporis eaque, + iusto neque, atque molestiae officiis.
+
asdfasdf
+
+ +
+
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veniam maxime porro saepe + quidem voluptatibus tenetur accusamus sequi provident nemo dolores non nihil natus corporis eaque, + iusto neque, atque molestiae officiis.
+
asdfasdf
+
+
+ +
+ + + +
+ +
+
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veniam maxime porro saepe + quidem voluptatibus tenetur accusamus sequi provident nemo dolores non nihil natus corporis eaque, + iusto neque, atque molestiae officiis.
+
asdfasdf
+
+ + + +
+
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veniam maxime porro saepe + quidem voluptatibus tenetur accusamus sequi provident nemo dolores non nihil natus corporis eaque, + iusto neque, atque molestiae officiis.
+
asdfasdf
+
+ + + +
+
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veniam maxime porro saepe + quidem voluptatibus tenetur accusamus sequi provident nemo dolores non nihil natus corporis eaque, + iusto neque, atque molestiae officiis.
+
asdfasdf
+
+ + + +
+
+
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Veniam maxime porro saepe + quidem voluptatibus tenetur accusamus sequi provident nemo dolores non nihil natus corporis eaque, + iusto neque, atque molestiae officiis.
+
asdfasdf
+
+ +
+ + + + + + + + \ No newline at end of file diff --git a/06week/javascripting/if-statement.js b/06week/javascripting/if-statement.js new file mode 100644 index 0000000000..6300958e7b --- /dev/null +++ b/06week/javascripting/if-statement.js @@ -0,0 +1,6 @@ +var fruit = 'orange'; +if (fruit > 5) { + console.log('The fruit name has more than five characters'); +} else { + console.log('The fruit name has five characters or less'); +} diff --git a/06week/javascripting/introduction.js b/06week/javascripting/introduction.js index 8b13789179..e921523b1b 100644 --- a/06week/javascripting/introduction.js +++ b/06week/javascripting/introduction.js @@ -1 +1 @@ - +console.log('hello'); diff --git a/06week/javascripting/number-to-string.js b/06week/javascripting/number-to-string.js new file mode 100644 index 0000000000..134a7c91f3 --- /dev/null +++ b/06week/javascripting/number-to-string.js @@ -0,0 +1,3 @@ +var n = 128; +n = n.toString(); +console.log(n); \ No newline at end of file diff --git a/06week/javascripting/numbers.js b/06week/javascripting/numbers.js new file mode 100644 index 0000000000..a3b77b55a8 --- /dev/null +++ b/06week/javascripting/numbers.js @@ -0,0 +1,2 @@ +var example = 123456789; +console.log(example); \ No newline at end of file diff --git a/06week/javascripting/revising-strings.js b/06week/javascripting/revising-strings.js new file mode 100644 index 0000000000..f9d2ef228c --- /dev/null +++ b/06week/javascripting/revising-strings.js @@ -0,0 +1,3 @@ +var pizza = 'pizza is alright'; +pizza = pizza.replace('alright','wonderful'); +console.log(pizza); \ No newline at end of file diff --git a/06week/javascripting/rounding-numbers.js b/06week/javascripting/rounding-numbers.js new file mode 100644 index 0000000000..a99123ddd3 --- /dev/null +++ b/06week/javascripting/rounding-numbers.js @@ -0,0 +1,3 @@ +var roundUp = 1.5; +var rounded = Math.round(roundUp); +console.log(rounded); \ No newline at end of file diff --git a/06week/javascripting/string-length.js b/06week/javascripting/string-length.js new file mode 100644 index 0000000000..5ef0c3a4f9 --- /dev/null +++ b/06week/javascripting/string-length.js @@ -0,0 +1,2 @@ +var example = 'example string' +console.log(example.length) \ No newline at end of file diff --git a/06week/javascripting/strings.js b/06week/javascripting/strings.js new file mode 100644 index 0000000000..369b528d0d --- /dev/null +++ b/06week/javascripting/strings.js @@ -0,0 +1,2 @@ +var someString = 'this is a string'; +console.log(someString) \ No newline at end of file diff --git a/06week/javascripting/variables.js b/06week/javascripting/variables.js new file mode 100644 index 0000000000..6c576e9f3f --- /dev/null +++ b/06week/javascripting/variables.js @@ -0,0 +1,2 @@ +var example = 'some string'; +console.log(example) \ No newline at end of file diff --git a/06week/rps/css/style.css b/06week/rps/css/style.css new file mode 100644 index 0000000000..9c4eb2e194 --- /dev/null +++ b/06week/rps/css/style.css @@ -0,0 +1,4 @@ +h1 { + width: 500px; + margin: 0 auto; +} \ No newline at end of file diff --git a/06week/rps/index.html b/06week/rps/index.html new file mode 100644 index 0000000000..384dbdf50e --- /dev/null +++ b/06week/rps/index.html @@ -0,0 +1,15 @@ + + + + + + Rock Paper Scissors + + + + + +

Rock Paper Scissors

+ + + \ No newline at end of file diff --git a/06week/rps/js/script.js b/06week/rps/js/script.js new file mode 100644 index 0000000000..9724a79eca --- /dev/null +++ b/06week/rps/js/script.js @@ -0,0 +1,25 @@ +var p1; +var p2; + +p1 = prompt("Rock, Paper, Scissors"); +p2 = prompt("Rock, Paper, Scissors"); + +function rps(p1,p2){ + if(p1 === p2){ + document.write("It's a tie!"); + }else if(p1 === "rock" && p2 === "paper"){ + document.write("player 2 wins! yasss!"); + }else if(p1 === "paper" && p2 === "rock"){ + document.write("player 1 wins! yasss!"); + }else if(p1 === "rock" && p2 === "scissors"){ + document.write("player 1 wins! yasss!"); + }else if(p1 === "scissors" && p2 === "rock"){ + document.write("player 2 wins! yasss!"); + }else if(p1 === "paper" && p2 === "scissors"){ + document.write("player 2 wins! yasss!"); + }else if(p1 === "scissors" && p2 === "paper"){ + document.write("player 1 wins! yasss!"); + } +} + +rps(p1,p2); \ No newline at end of file diff --git a/08week/tic-tac-toe/script.js b/08week/tic-tac-toe/script.js index 0509eaee74..0c849f802f 100644 --- a/08week/tic-tac-toe/script.js +++ b/08week/tic-tac-toe/script.js @@ -1,5 +1,49 @@ 'use strict'; -$(document).ready(function() { - // Put app logic in here -}); +$(document).ready(function () { + var turn = 'X'; + $('[data-cell]').on('click', function () { + + if ($(this).text() === ''){ + $(this).text(turn); + checkForWin(); + if(turn === 'O'){ + turn = 'X'; + } else { + turn = 'O'; + } + } + }) + +function checkForWin(){ + if($('[data-cell="0"]').text() === turn && $('[data-cell="1"]').text() === turn && $('[data-cell="2"]').text() === turn) { + $('#announce-winner').text(`${turn} wins`); + } else if ($('[data-cell="3"]').text() === turn && $('[data-cell="4"]').text() === turn && $('[data-cell="5"]').text() === turn) { + $('#announce-winner').text(`${turn} wins`); + } else if ($('[data-cell="6"]').text() === turn && $('[data-cell="7"]').text() === turn && $('[data-cell="8"]').text() === turn) { + $('#announce-winner').text(`${turn} wins`); + } else if ($('[data-cell="0"]').text() === turn && $('[data-cell="3"]').text() === turn && $('[data-cell="6"]').text() === turn) { + $('#announce-winner').text(`${turn} wins`); + } else if ($('[data-cell="1"]').text() === turn && $('[data-cell="4"]').text() === turn && $('[data-cell="7"]').text() === turn) { + $('#announce-winner').text(`${turn} wins`); + } else if ($('[data-cell="2"]').text() === turn && $('[data-cell="5"]').text() === turn && $('[data-cell="8"]').text() === turn) { + $('#announce-winner').text(`${turn} wins`); + } else if ($('[data-cell="0"]').text() === turn && $('[data-cell="4"]').text() === turn && $('[data-cell="8"]').text() === turn) { + $('#announce-winner').text(`${turn} wins`); + } else if ($('[data-cell="2"]').text() === turn && $('[data-cell="4"]').text() === turn && $('[data-cell="6"]').text() === turn) { + $('#announce-winner').text(`${turn} wins`); + } +} + +}) + + + + + + + + +// $(document).ready(function (){ + +// }) \ No newline at end of file diff --git a/09week/towers-of-hanoi/index.html b/09week/towers-of-hanoi/index.html index 2c7189c758..5561cf0174 100644 --- a/09week/towers-of-hanoi/index.html +++ b/09week/towers-of-hanoi/index.html @@ -3,7 +3,7 @@ Towers of Hanoi - +
@@ -18,6 +18,6 @@
- + diff --git a/09week/towers-of-hanoi/script.js b/09week/towers-of-hanoi/script.js index ba46e37e29..e5a9629dae 100644 --- a/09week/towers-of-hanoi/script.js +++ b/09week/towers-of-hanoi/script.js @@ -1,5 +1,29 @@ 'use strict'; $(document).ready(function() { - // Put app logic here + $('.draggable').draggable({ + revert: 'invalid' + }); }); + +$('.droppable').droppable({ + drop: function( event, ui) { + let drag = $(ui.draggable).data('block'); + console.log(drag); + let last = $(this).children().last().data('block'); + console.log(last); + if (drag > last) { + $(ui.draggable).draggable('option', 'revert', true); + } else { + $$(ui.draggable).appendTo(this).attr('style', 'position: "relative"'); + } + checkForWin(); + } +}) + +function checkForWin() { + if ($('[data-stack="3"]').children().length === 4) { + $('#announce').text("Congrats! You've completed the game!") + } +} + diff --git "a/Icon\r" "b/Icon\r" new file mode 100644 index 0000000000..e69de29bb2 diff --git a/checkpoint-one/Screen Shot 2018-10-22 at 11.15.18 PM.png b/checkpoint-one/Screen Shot 2018-10-22 at 11.15.18 PM.png new file mode 100644 index 0000000000..34caa11c37 Binary files /dev/null and b/checkpoint-one/Screen Shot 2018-10-22 at 11.15.18 PM.png differ diff --git a/checkpoint-one/Screen Shot 2018-10-22 at 11.15.28 PM.png b/checkpoint-one/Screen Shot 2018-10-22 at 11.15.28 PM.png new file mode 100644 index 0000000000..2b93bdd9b2 Binary files /dev/null and b/checkpoint-one/Screen Shot 2018-10-22 at 11.15.28 PM.png differ diff --git a/checkpoint-one/css/reset.css b/checkpoint-one/css/reset.css new file mode 100644 index 0000000000..15b9ff09c6 --- /dev/null +++ b/checkpoint-one/css/reset.css @@ -0,0 +1,20 @@ +html, body, div, span, applet, object, iframe, +h1, h2, h3, h4, h5, h6, p, blockquote, pre, +a, abbr, acronym, address, big, cite, code, +del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, +b, u, i, center, +dl, dt, dd, ol, ul, li, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, aside, canvas, details, embed, +figure, figcaption, footer, header, hgroup, +menu, nav, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} \ No newline at end of file diff --git a/checkpoint-one/css/style.css b/checkpoint-one/css/style.css index 8b13789179..2b61e944b5 100644 --- a/checkpoint-one/css/style.css +++ b/checkpoint-one/css/style.css @@ -1 +1,131 @@ +body { + background-color: #9BE5F3; + flex-wrap: wrap; + flex-grow: 1; +} +.header { + border-bottom: 1px solid #1850A5; + margin: 0px 80px; + +} +.topnav { + margin: 0 auto; + list-style-type: none; + float: right; + font-family: questrial; + padding: 20px; +} + +.topnav > a { + text-decoration: none; + padding: 20px; +} + +main { + display: flex; + padding: 20px; +} + +.content { + font-family: questrial; + margin-top: 100px; + margin-left: 100px; +} + +.grab { + font-size: 75px; + color: #1850A5; + margin-left: 20px; + +} + +.row3 { + width: 100%; + padding: 20px; + font-family: questrial; +} + +#phone-number { + width: 40%; + padding: 18px; + border-radius: 12px; + font-size: 13px; +} + + + +button { + padding: 20px; + width: 40%; + border-radius: 30px; + color: white; + background-color: #1850A5; + font-family: questrial; + margin: 0px 20px; + font-size: 16px; +} + +.main-image { + margin-top: 100px; +} + +.info { + display: flex; + padding-left: 100px; + background-color: white; + font-family: questrial; + justify-content: space-evenly; + height: 500px; + padding-bottom: 100px; +} + +.list { + margin-top: 30px; +} + +.list4 { + margin-top: 30px; + padding-left: 0; + +} + +.row4 { + justify-content: space-between; + justify-content: flex-start; +} + +li { + line-height: 2; +} + +h4 { + font-weight: bold; +} +#h4 { + margin-left: 30px; + font-weight: bold; +} +#apps { + padding: 5px 30px; + justify-content: flex-start; +} + +.foot { + height: 300px; + display: flex; + justify-content: flex-end; + align-items: flex-end; +} + +.foot > a { + font-family: questrial; + text-decoration: none; +} + +#footer-links > a { + width: 400px; + justify-content: space-evenly; +} + +/* Cant figure out how to space out the bottom links */ \ No newline at end of file diff --git a/checkpoint-one/img/amazon.png b/checkpoint-one/img/amazon.png new file mode 100644 index 0000000000..1fcfda9f93 Binary files /dev/null and b/checkpoint-one/img/amazon.png differ diff --git a/checkpoint-one/img/appstore.png b/checkpoint-one/img/appstore.png new file mode 100644 index 0000000000..f6f1db0330 Binary files /dev/null and b/checkpoint-one/img/appstore.png differ diff --git a/checkpoint-one/img/facebook-icon.png b/checkpoint-one/img/facebook-icon.png new file mode 100644 index 0000000000..dfbc852f65 Binary files /dev/null and b/checkpoint-one/img/facebook-icon.png differ diff --git a/checkpoint-one/img/googleplay.png b/checkpoint-one/img/googleplay.png new file mode 100644 index 0000000000..ee6ee25330 Binary files /dev/null and b/checkpoint-one/img/googleplay.png differ diff --git a/checkpoint-one/img/instagram-icon.png b/checkpoint-one/img/instagram-icon.png new file mode 100644 index 0000000000..e7825bf40b Binary files /dev/null and b/checkpoint-one/img/instagram-icon.png differ diff --git a/checkpoint-one/img/lyft-img.png b/checkpoint-one/img/lyft-img.png new file mode 100644 index 0000000000..3b41c5dc6a Binary files /dev/null and b/checkpoint-one/img/lyft-img.png differ diff --git a/checkpoint-one/img/lyft-logo.png b/checkpoint-one/img/lyft-logo.png new file mode 100644 index 0000000000..a6a90f5e2c Binary files /dev/null and b/checkpoint-one/img/lyft-logo.png differ diff --git a/checkpoint-one/img/microsoft.png b/checkpoint-one/img/microsoft.png new file mode 100644 index 0000000000..316b7ef9ab Binary files /dev/null and b/checkpoint-one/img/microsoft.png differ diff --git a/checkpoint-one/img/twitter-icon.png b/checkpoint-one/img/twitter-icon.png new file mode 100644 index 0000000000..30cf17f16c Binary files /dev/null and b/checkpoint-one/img/twitter-icon.png differ diff --git a/checkpoint-one/index.html b/checkpoint-one/index.html index 8b13789179..28518d7b6e 100644 --- a/checkpoint-one/index.html +++ b/checkpoint-one/index.html @@ -1 +1,108 @@ + + + + + + Lyft: A ride when you need one | Be a Lyft driver - Lyft + + + + + + + + + +
+ +
+ DRIVER + RIDER + LOGIN +
+
+ + +
+
+
Grab the wheel +
and start earning.
+
+ I agree to Lyft's Terms of Service

+ SIGN UP TO RIDE +
+ + + + +
+ +
+
+
    +

    DRIVER



    +
  • Become a Driver
  • +
  • Why Lyft
  • +
  • Cities
  • +
  • Help
  • +
  • Express Drive
  • +
  • Application Requirements
  • +
  • Bonus
  • +
  • Earnings
  • +
  • Jobs
  • +
  • Hub
  • +
+
+ +
+
    +

    RIDER



    +
  • Sign up to Ride
  • +
  • Business Profile
  • +
  • Cities
  • +
  • Help
  • +
  • Events
  • +
  • Fare Estimate
  • +
  • Airports
  • +
  • Promo Code
  • +
  • Gift Cards
  • +
  • All-Access Plan
  • +
  • Round Up & Donate
  • +
  • Blog
  • +
+
+ +
+
    +

    LYFT



    +
  • Careers
  • +
  • Business
  • +
  • Self-Driving
  • +
  • Developers
  • +
  • Safety
  • +
  • Scooters
  • +
  • Press
  • +
+
+ +
+

DOWNLOAD



+
+
+
+ +
+ +
+ + \ No newline at end of file diff --git a/checkpoint-two/css/style.css b/checkpoint-two/css/style.css index 8b13789179..ed2a7d2d28 100644 --- a/checkpoint-two/css/style.css +++ b/checkpoint-two/css/style.css @@ -1 +1,396 @@ +body { + margin: 0 auto; + width: 75%; + padding: 2%; +} +.title-container { + background-color: #757475; + color: white; + width: 100%; + height: 300px; + display: flex; + align-items: center; + justify-content: center; +} +div.stripe { + background-image: url(../img/stripe.png); + height: 30px; +} + +.container1 { + display: flex; + height: 1000px; + background-color: black; + align-items: center; + justify-content: center; + /* border-top: 15px solid #A5A5A5; */ +} + +.column { + display: flex; + width: 500px; + margin: 0 20px; + color: #282828; + text-align: center; + font-family: amatic sc; + justify-content: space-evenly; + +} + +.column h1 { + font-weight: bold; + font-size: 50px; + padding-bottom: 600px; +} + +.container2 { + display: flex; + height: 200px; + background-color: black; + border: 2px solid black; + align-items: center; + justify-content: space-evenly; + padding-bottom: 50px; +} + +#wheel1 { + transform: rotate(90deg); +} + +#wheel3 { + transform: rotate(180deg); +} +/* --------------------------------------- */ +.container3 { + height: 10px; + border: 2px solid black; +} +.container3a { + height: 20px; + border: 2px solid black; +} +.container3b { + height: 30px; + border: 2px solid black; +} +.container4 { + height: 50px; + border: 2px solid black; +} +.container5 { + height: 70px; + border: 2px solid black; +} +.container6 { + display: flex; + height: 150px; + border: 2px solid black; + align-items: center; + justify-content: center; + font-family: bungee outline; + font-size: 30px; +} +.container6 h3 { + font-family: muli; + font-size: 25px; +} +.container7 { + height: 70px; + border: 2px solid black; +} +.container8 { + height: 50px; + border: 2px solid black; +} +.container9 { + height: 30px; + border: 2px solid black; +} +.container9a { + height: 20px; + border: 2px solid black; +} +.container9b { + height: 10px; + border: 2px solid black; +} + +div.stripe2 { + /* background-image: url(../img/stripe2.png); */ + /* height: 130px; */ + /* border-top: 500px solid black; */ + /* border-bottom: 30px solid black; */ +} + +div.stripe3 { + /* background-image: url(../img/stripe3.png); */ + /* height: 360px; */ + /* border-bottom: 20px solid orange; */ +} + + +/* --------------------------------------- */ + +.content1 { + display: grid; + grid-template-columns: 25% 75%; + /* border-top: 250px solid black; */ + +} +.container10 { + background-image: url(../img/bw.png); + display: flex; + align-items: center; + justify-content: center; + height: 245px; + /* border: 2px solid black; */ + font-family: muli; +} + +li { + list-style-type: none; +} + +.container11 { + display: grid; + height: 245px; + /* border: 2px solid black; */ + /* border-right: 10px solid black; */ + border-right: 30px solid #FBE14C; + align-items: center; + justify-items: center; +} + +.container11 > h2 { + color: #530E2F; + font-family: kumar one outline; + font-size: 65px; + /* margin-top: 20px; */ +} + +.content2 { + display: grid; + grid-template-columns: 60% 40%; + border-bottom: 50px solid #3A4252;; +} +.container12 { + display: flex; + height: 200px; + background-color: black; + border: 2px solid black; + /* border-left: 20px solid black; */ + justify-content: center; + align-items: center; +} + +div.school { + /* display: flex; */ + color: white; + font-family: muli; + font-size: 20px; + margin-left: 30px; +} + +.container13 { + display: grid; + align-items: center; + justify-content: center; + background-color: darkgrey; + border-right: 60px solid maroon; + border-left: 130px solid #191D4C; +} + +.container14 { + height:30px; + background-image: url(../img/stripe.png); + border-bottom: 10px solid black; +} + +/* .container15 { + height: 200px; + background-color: white; */ +/* } */ + +div.stripe4 { + background-image: url(../img/stripe4.png); + height: 60px; + border-bottom: 10px solid red; +} + +.content3 { + display: grid; + height: 400px; + justify-content: center; + align-content: center; + /* background-color: #757475; */ + border: 2px solid black; + +} + +.content3 h1 { + /* font-family: bungee outline; + font-size: 60px; */ +} + +/* .skills { + display: flex; + height: 150px; + width: 500px; */ +/* } */ +.hcj { + display: grid; + height: 150px; + justify-content: center; + align-items: center; +} + +.list { + display: grid; + grid-template-columns: 1fr 1fr 1fr ; + font-family: muli; + margin-left: 100px; + font-size: 20px; + /* justify-content: center; */ + align-content: center; + justify-content: space-around; + +} + +.list p { + padding: 20px; +} +.container16 { + height: 70px; + border: 2px solid black; +} +.container17 { + height: 70px; + border: 2px solid black; +} +.container18 { + height: 50px; + border: 2px solid black; +} +.container19 { + height: 30px; + border: 2px solid black; +} +.container20 { + height: 20px; + border: 2px solid black; +} +.container21 { + height: 10px; + border: 2px solid black; +} + +div.stripe5 { + height: 190px; + background-image: url(../img/stripe5.png); +} + + +.content4 { + display: grid; + height: 400px; + margin: 0 auto; + font-family: kumar one outline; + justify-content: center; + align-items: center; + +} + +/* ================================================ */ +.footer { + display: grid; + grid-template-columns: 1fr 1fr 1fr; + background-color: orange; + height: 100px; + align-items: center; + justify-content: space-evenly; + border-top: 10px solid red; + border-bottom: 20px solid black; +} + +.footer > img { + align-items: center; + justify-content: center; +} +.contact { + width: 220px; + margin: 0 20px; +} + + +@media (min-width: 992px) { + .title2 { + display: none; + } +} + +@media (max-width: 768px) { + .title { + display: none; + } +} + +@media (max-width: 576px) { + .title-container { + background-color: gray; + } + + .title-container img { + display: none; + } + h1 { + font-size: 1em; + } + + .title h1 { + font-size: 45px; + margin: 10px; + text-align: center + } + + .column { + color: black; + text-align: center; + margin-top: 5%; + } + + .container1 { + display: grid; + background-color: black; + flex-direction: column; + height: 100%; + align-items: center; + flex-flow: column; + } + + .container1 h1 { + color: white; + font-size: 20px; + } + + #wheel1 { + display: none; + } + + #wheel3 { + display: none; + } + + .container11 h2{ + font-size: 35px; + } + + .school p { + font-size: 15px; + + } + + .aca-logo { + display: none; + } +} \ No newline at end of file diff --git a/checkpoint-two/img/Race_Checkerboard-banner.jpg b/checkpoint-two/img/Race_Checkerboard-banner.jpg new file mode 100644 index 0000000000..6f13c62349 Binary files /dev/null and b/checkpoint-two/img/Race_Checkerboard-banner.jpg differ diff --git a/checkpoint-two/img/aca.jpeg b/checkpoint-two/img/aca.jpeg new file mode 100644 index 0000000000..ee0c9b8c00 Binary files /dev/null and b/checkpoint-two/img/aca.jpeg differ diff --git a/checkpoint-two/img/airplanee.png b/checkpoint-two/img/airplanee.png new file mode 100644 index 0000000000..11854fd38b Binary files /dev/null and b/checkpoint-two/img/airplanee.png differ diff --git a/checkpoint-two/img/art1.png b/checkpoint-two/img/art1.png new file mode 100644 index 0000000000..c07618cb5c Binary files /dev/null and b/checkpoint-two/img/art1.png differ diff --git a/checkpoint-two/img/bioo.png b/checkpoint-two/img/bioo.png new file mode 100644 index 0000000000..166130bc2a Binary files /dev/null and b/checkpoint-two/img/bioo.png differ diff --git a/checkpoint-two/img/bw.png b/checkpoint-two/img/bw.png new file mode 100644 index 0000000000..e018f39089 Binary files /dev/null and b/checkpoint-two/img/bw.png differ diff --git a/checkpoint-two/img/colorwheel.pfd .gif b/checkpoint-two/img/colorwheel.pfd .gif new file mode 100644 index 0000000000..b66f7e756a Binary files /dev/null and b/checkpoint-two/img/colorwheel.pfd .gif differ diff --git a/checkpoint-two/img/css.png b/checkpoint-two/img/css.png new file mode 100644 index 0000000000..cb03bb00bd Binary files /dev/null and b/checkpoint-two/img/css.png differ diff --git a/checkpoint-two/img/hcj.png b/checkpoint-two/img/hcj.png new file mode 100644 index 0000000000..42e03b63cb Binary files /dev/null and b/checkpoint-two/img/hcj.png differ diff --git a/checkpoint-two/img/html.png b/checkpoint-two/img/html.png new file mode 100644 index 0000000000..6197db8f11 Binary files /dev/null and b/checkpoint-two/img/html.png differ diff --git a/checkpoint-two/img/ig.png b/checkpoint-two/img/ig.png new file mode 100644 index 0000000000..6bbeb939e8 Binary files /dev/null and b/checkpoint-two/img/ig.png differ diff --git a/checkpoint-two/img/js.png b/checkpoint-two/img/js.png new file mode 100644 index 0000000000..32cc3ee6f3 Binary files /dev/null and b/checkpoint-two/img/js.png differ diff --git a/checkpoint-two/img/mail.png b/checkpoint-two/img/mail.png new file mode 100644 index 0000000000..8a9917bdbb Binary files /dev/null and b/checkpoint-two/img/mail.png differ diff --git a/checkpoint-two/img/name.png b/checkpoint-two/img/name.png new file mode 100644 index 0000000000..fe92a95dd2 Binary files /dev/null and b/checkpoint-two/img/name.png differ diff --git a/checkpoint-two/img/nnassaa.png b/checkpoint-two/img/nnassaa.png new file mode 100644 index 0000000000..80460fbbaf Binary files /dev/null and b/checkpoint-two/img/nnassaa.png differ diff --git a/checkpoint-two/img/phone.png b/checkpoint-two/img/phone.png new file mode 100644 index 0000000000..0f0e711dcc Binary files /dev/null and b/checkpoint-two/img/phone.png differ diff --git a/checkpoint-two/img/signature2.png b/checkpoint-two/img/signature2.png new file mode 100644 index 0000000000..1cae6850fa Binary files /dev/null and b/checkpoint-two/img/signature2.png differ diff --git a/checkpoint-two/img/stripe.png b/checkpoint-two/img/stripe.png new file mode 100644 index 0000000000..250f1abc24 Binary files /dev/null and b/checkpoint-two/img/stripe.png differ diff --git a/checkpoint-two/img/stripe2.png b/checkpoint-two/img/stripe2.png new file mode 100644 index 0000000000..4c5d29086d Binary files /dev/null and b/checkpoint-two/img/stripe2.png differ diff --git a/checkpoint-two/img/stripe3.png b/checkpoint-two/img/stripe3.png new file mode 100644 index 0000000000..b7ac1b51a2 Binary files /dev/null and b/checkpoint-two/img/stripe3.png differ diff --git a/checkpoint-two/img/stripe4.png b/checkpoint-two/img/stripe4.png new file mode 100644 index 0000000000..050e1df1dd Binary files /dev/null and b/checkpoint-two/img/stripe4.png differ diff --git a/checkpoint-two/img/stripe5.png b/checkpoint-two/img/stripe5.png new file mode 100644 index 0000000000..6f62a620c5 Binary files /dev/null and b/checkpoint-two/img/stripe5.png differ diff --git a/checkpoint-two/img/wheel.png b/checkpoint-two/img/wheel.png new file mode 100644 index 0000000000..8dbf89fd3a Binary files /dev/null and b/checkpoint-two/img/wheel.png differ diff --git a/checkpoint-two/index.html b/checkpoint-two/index.html index 8b13789179..062fb110d9 100644 --- a/checkpoint-two/index.html +++ b/checkpoint-two/index.html @@ -1 +1,196 @@ + + + + + + Welcome to our site + + + + + + + + + + + + + + +
+
+
+

+
+
+
+ + + +
+
+
+ +
+ +
+

full

+

stack

+

web

+

developer

+
+ +
+ +
+ +
+ +
+ +
+ + +
+ +
+ +
+ +
+

career progression

+ +
+
+ +
+ +
+ +
+

studying full stack web development at austin coding academy

+

focusing in javascript programming

+

certificate completion july 2019

+
+
+ +
+ +
+
+ +
+
+ + +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+ +

code technologies and skills

+
+ + + + + + + + + + +
+ +
+ +
+ +
+
+ +
+ +
+
+

+

box model design

+

css grid

+
+
+

+

responsive design

+

jquery

+
+
+

+

ux/ui

+

flexbox

+
+ +
+ +
+ +
+ +
+

_.:: working portfolio ::._

+
+ +
+ +
+ + +
+ + + \ No newline at end of file diff --git a/imageslanding/diamond_upholstery.png b/imageslanding/diamond_upholstery.png new file mode 100644 index 0000000000..1c4701a139 Binary files /dev/null and b/imageslanding/diamond_upholstery.png differ diff --git a/imageslanding/folk-pattern-black.png b/imageslanding/folk-pattern-black.png new file mode 100644 index 0000000000..408f62bd43 Binary files /dev/null and b/imageslanding/folk-pattern-black.png differ diff --git a/imageslanding/greyfloral.png b/imageslanding/greyfloral.png new file mode 100644 index 0000000000..91525ccd8f Binary files /dev/null and b/imageslanding/greyfloral.png differ diff --git a/index.html b/index.html index 8924f2b385..afcca0ab6a 100644 --- a/index.html +++ b/index.html @@ -1,10 +1,72 @@ - - - - - -

Hello world!

- + + + + + + + Michael's Web Workbook + + + + + +

Michael Snowden
Workbook

+ +
+ +
+

Week 1

+ Hello World +
+ Resume +
+ +
+

Week 2

+ Bio +
+
+

Week 3

+ +
+ +
+

Week 4

+ +
+ +
+

Week 5

+ +
+ +
+

Week 6

+ +
+ +
+

Week 7

+ +
+ +
+

Week 8

+ +
+ +
+

Week 9

+ +
+ +
+

Week 10

+ +
+
+ + diff --git a/style.css b/style.css index 65eacb2efb..04940f7f7e 100644 --- a/style.css +++ b/style.css @@ -1 +1,37 @@ -/* You can style your links page here */ + +body { + background-image: url("./imageslanding/diamond_upholstery.png"); +} + +header { + position: fixed; +} +main { + +} + +h1 { + font-family: ubuntu; +} + +h2 { + font-family: cabin; +} + + +a { + font-family: cabin; + text-decoration: none; +} +main { + text-align: center; +} + +h1 { + font-family: Arial, Helvetica, sans-serif; +} + +.box-01 { + border: 2px solid black; +} +