From abb0a2ed8e0801f45d885e8bef30784cb11d7f1f Mon Sep 17 00:00:00 2001 From: Maksim Raymond Date: Fri, 7 Aug 2020 00:29:20 -0700 Subject: [PATCH 1/5] finished the project --- index.html | 60 ++++++++++++++++++++++++- style/index.css | 116 +++++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 174 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index d01f779ff..c8164a40f 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,64 @@ Document - +
+

Maksim Raymond

+ +
+
+ +
+

Maksim Raymond

+ +

This is my journey. Im 24 years old. Im a Twitch streamer and needed to create a website for my business. For years I have been into computers and video games. I have always wanted to become a video game tester and figure out how they work. My cousin finally convinced me to take a look at Lambda. Two days into school and already I know how to create a website. Only then did I realize that my dreams could come true through Software Development. Im ready to head to the Next Level!

+
+
+
+
+
+ +

Project

+
+
+ +

Project 2

+
+
+ +

Project 3

+
+
+ +

Project 4

+
+
+
+
+
+ +

Project 5

+
+
+ +

Project 6

+
+
+ +

Project 7

+
+
+ +

Project 8

+
+
+
+

Like what you see?

+ +
\ No newline at end of file diff --git a/style/index.css b/style/index.css index 440e53514..e8be3daa0 100644 --- a/style/index.css +++ b/style/index.css @@ -1 +1,115 @@ -/* Add CSS styling here */ \ No newline at end of file +*{ + box-sizing:border-box; + margin:0; + padding:0; + max-width:100%; + text-decoration: none; + color: black; + } + + body{ + background-color: #b3ecec; + } + + header{ + background-color:teal; + padding:25px; + } + + h1{ + color: white + } + + header nav { + padding: 10px; + } + + header nav a{ + padding: 10px 20px; + border: 3px solid black; + text-decoration: none; + color: white; + } + + .home{ + background-color: black; + color: white; + } + + h1{ + padding: 10px; + + } + .headWrapper{ + display:flex; + } + + img{ + padding:10px; + display: flex; + width: 50%; + } + + .right{ + display:flex; + flex-direction: column; + padding-left: 5%; + padding-top: 8%; + } + + .right > * { + margin-bottom: 30px; + width: 60%; + } + + .right button { + width: 20%; + padding: 10px; + border-radius: 5px; + } + + .right p { + font-size: 24px; + } + .pictures{ + padding-top:25px; + } + .rowOne,.rowTwo { + display: flex; + flex-direction:row; + justify-content: space-evenly; + } + .rowOne p{ + padding-bottom: 30px; + } + + + .rowOne > *, .rowTwo > *{ + display: flex; + flex-direction:column; + align-items: center; + } + .rowOne img, .rowTwo img{ + width: 250px; + height: 250px; + } + + .footer { + display: flex; + flex-direction: column; + align-items: center; + padding: 45px; + background-color: #FFD6BF; + margin-top:30px; + } + + .footer button{ + padding:20px; + margin:10px; + border-radius: 20px; + background-color: #b3ecec; + } + .footer a{ + margin: 45px; + } + \ No newline at end of file From 12e93988b1424a5626b919fc0dc27a7afc487b7a Mon Sep 17 00:00:00 2001 From: Maksim Raymond Date: Mon, 10 Aug 2020 19:14:45 -0700 Subject: [PATCH 2/5] finished in VS --- .vscode/launch.json | 15 +++ index.html | 120 +++++++++++------------ style/index.css | 228 ++++++++++++++++++++++---------------------- 3 files changed, 190 insertions(+), 173 deletions(-) create mode 100644 .vscode/launch.json diff --git a/.vscode/launch.json b/.vscode/launch.json new file mode 100644 index 000000000..7a9dfa044 --- /dev/null +++ b/.vscode/launch.json @@ -0,0 +1,15 @@ +{ + // Use IntelliSense to learn about possible attributes. + // Hover to view descriptions of existing attributes. + // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387 + "version": "0.2.0", + "configurations": [ + { + "type": "pwa-chrome", + "request": "launch", + "name": "Launch Chrome against localhost", + "url": "http://localhost:8080", + "webRoot": "${workspaceFolder}" + } + ] +} \ No newline at end of file diff --git a/index.html b/index.html index c8164a40f..45151a922 100644 --- a/index.html +++ b/index.html @@ -3,67 +3,69 @@ + Document -
-

Maksim Raymond

- -
-
- -
-

Maksim Raymond

- -

This is my journey. Im 24 years old. Im a Twitch streamer and needed to create a website for my business. For years I have been into computers and video games. I have always wanted to become a video game tester and figure out how they work. My cousin finally convinced me to take a look at Lambda. Two days into school and already I know how to create a website. Only then did I realize that my dreams could come true through Software Development. Im ready to head to the Next Level!

-
-
-
-
-
- -

Project

-
-
- -

Project 2

-
-
- -

Project 3

-
-
- -

Project 4

-
-
-
-
-
- -

Project 5

-
-
- -

Project 6

-
-
- -

Project 7

-
-
- -

Project 8

-
-
-
-

Like what you see?

- -
+
+

Maksim Raymond

+ +
+
+ +
+

Maksim Raymond

+ +

This is my journey. Im 24 years old. Im a Twitch streamer and needed to create a website for my business. For years I have been into computers and video games. I have always wanted to become a video game tester and figure out how they work. My cousin finally convinced me to take a look at Lambda. Two days into school and already I know how to create a website. Only then did I realize that my dreams could come true through Software Development. Im ready to head to the Next Level!

+
+
+
+
+
+ +

Project

+
+
+ +

Project 2

+
+
+ +

Project 3

+
+
+ +

Project 4

+
+
+
+
+
+ +

Project 5

+
+
+ +

Project 6

+
+
+ +

Project 7

+
+
+ +

Project 8

+
+
+
+

Like what you see?

+ +
+ \ No newline at end of file diff --git a/style/index.css b/style/index.css index e8be3daa0..375e30071 100644 --- a/style/index.css +++ b/style/index.css @@ -1,115 +1,115 @@ *{ - box-sizing:border-box; - margin:0; - padding:0; - max-width:100%; - text-decoration: none; - color: black; - } - - body{ - background-color: #b3ecec; - } - - header{ - background-color:teal; - padding:25px; - } - - h1{ - color: white - } - - header nav { - padding: 10px; - } - - header nav a{ - padding: 10px 20px; - border: 3px solid black; - text-decoration: none; - color: white; - } - - .home{ - background-color: black; - color: white; - } - - h1{ - padding: 10px; - - } - .headWrapper{ - display:flex; - } - - img{ - padding:10px; - display: flex; - width: 50%; - } - - .right{ - display:flex; - flex-direction: column; - padding-left: 5%; - padding-top: 8%; - } - - .right > * { - margin-bottom: 30px; - width: 60%; - } - - .right button { - width: 20%; - padding: 10px; - border-radius: 5px; - } - - .right p { - font-size: 24px; - } - .pictures{ - padding-top:25px; - } - .rowOne,.rowTwo { - display: flex; - flex-direction:row; - justify-content: space-evenly; - } - .rowOne p{ - padding-bottom: 30px; - } - - - .rowOne > *, .rowTwo > *{ - display: flex; - flex-direction:column; - align-items: center; - } - .rowOne img, .rowTwo img{ - width: 250px; - height: 250px; - } - - .footer { - display: flex; - flex-direction: column; - align-items: center; - padding: 45px; - background-color: #FFD6BF; - margin-top:30px; - } - - .footer button{ - padding:20px; - margin:10px; - border-radius: 20px; - background-color: #b3ecec; - } - .footer a{ - margin: 45px; - } - \ No newline at end of file + box-sizing:border-box; + margin:0; + padding:0; + max-width:100%; + text-decoration: none; + color: black; +} + +body{ + background-color: #b3ecec; +} + +header{ +background-color:teal; +display:flex; +flex-direction:column; +padding: 25px; +} + +h1{ + color: white; + padding:1%; +} + +header nav { + padding: 15px; +} + +header nav a{ + padding: 10px 20px; + border: 3px solid black; + text-decoration: none; + color: white; +} + +.home{ + background-color: black; + color: white; +} + +.headWrapper{ + display:flex; +} + +img{ + padding:10px; + display: flex; + flex-direction:row; + width: 40%; + } + +.right{ + display:flex; + flex-direction: column; + padding-left: 5%; + padding-top: 8%; + width: 50%; +} + +.right > * { + margin-bottom: 30px; + width: 60%; +} + +.right button { + width: 20%; + padding: 10px; + border-radius: 5px; +} + +.right p { + font-size: 24px; +} +.pictures{ + padding-top:25px; +} +.rowOne,.rowTwo { + display: flex; + flex-direction:row; + justify-content: space-evenly; +} +.rowOne p{ + padding-bottom: 30px; +} + + +.rowOne > *, .rowTwo > *{ + display: flex; + flex-direction:column; + align-items: center; +} +.rowOne img, .rowTwo img{ + width: 250px; + height: 250px; +} + +.footer { + display: flex; + flex-direction: column; + align-items: center; + padding: 45px; + background-color: #FFD6BF; + margin-top:30px; +} + +.footer button{ + padding:20px; + margin:10px; + border-radius: 20px; + background-color: #b3ecec; +} +.footer a{ + margin: 45px; +} \ No newline at end of file From 71fb9130b576a767b48167937f301be9e37b3bfc Mon Sep 17 00:00:00 2001 From: Maksim Raymond Date: Mon, 10 Aug 2020 21:22:27 -0700 Subject: [PATCH 3/5] day 2 portfolio --- index.html | 65 ++++++++------- style/index.css | 209 ++++++++++++++++++++++++++++++++++++++---------- 2 files changed, 204 insertions(+), 70 deletions(-) diff --git a/index.html b/index.html index 45151a922..21e7f9a20 100644 --- a/index.html +++ b/index.html @@ -1,49 +1,55 @@ + - - - - Document + + + + Document +

Maksim Raymond

-
+
-

Maksim Raymond

- -

This is my journey. Im 24 years old. Im a Twitch streamer and needed to create a website for my business. For years I have been into computers and video games. I have always wanted to become a video game tester and figure out how they work. My cousin finally convinced me to take a look at Lambda. Two days into school and already I know how to create a website. Only then did I realize that my dreams could come true through Software Development. Im ready to head to the Next Level!

+

Maksim Raymond

+ +

This is my journey. Im 24 years old. Im a Twitch streamer and needed to create a website for my business. For + years I have been into computers and video games. I have always wanted to become a video game tester and figure + out how they work. My cousin finally convinced me to take a look at Lambda. Two days into school and already I + know how to create a website. Only then did I realize that my dreams could come true through Software + Development. Im ready to head to the Next Level!

-
-
- -

Project

-
-
- -

Project 2

-
-
- -

Project 3

-
-
- -

Project 4

+
+
+ +

Project

+
+
+ +

Project 2

+
+
+ +

Project 3

+
+
+ +

Project 4

+
-
@@ -66,6 +72,7 @@

Maksim Raymond

Like what you see?

- + + \ No newline at end of file diff --git a/style/index.css b/style/index.css index 375e30071..7cb58a17a 100644 --- a/style/index.css +++ b/style/index.css @@ -1,57 +1,58 @@ -*{ - box-sizing:border-box; - margin:0; - padding:0; - max-width:100%; +* { + box-sizing: border-box; + margin: 0; + padding: 0; + max-width: 100%; text-decoration: none; color: black; } -body{ +body { background-color: #b3ecec; } -header{ -background-color:teal; -display:flex; -flex-direction:column; -padding: 25px; +header { + background-color: teal; + display: flex; + flex-direction: column; + padding: 25px; } -h1{ +h1 { color: white; - padding:1%; + padding: 1%; } header nav { - padding: 15px; + display: flex; + padding: 15px; } -header nav a{ +header nav a { padding: 10px 20px; border: 3px solid black; text-decoration: none; color: white; + text-align: center; } -.home{ +.home { background-color: black; color: white; } -.headWrapper{ - display:flex; +.headWrapper { + display: flex; } -img{ - padding:10px; +img { + padding: 10px; display: flex; - flex-direction:row; width: 40%; - } +} -.right{ - display:flex; +.right { + display: flex; flex-direction: column; padding-left: 5%; padding-top: 8%; @@ -72,25 +73,27 @@ img{ .right p { font-size: 24px; } -.pictures{ - padding-top:25px; +.pictures { + padding-top: 25px; } -.rowOne,.rowTwo { +.rowOne, +.rowTwo { display: flex; - flex-direction:row; + flex-direction: row; justify-content: space-evenly; } -.rowOne p{ - padding-bottom: 30px; +.rowOne p { + padding-bottom: 30px; } - -.rowOne > *, .rowTwo > *{ +.rowOne > *, +.rowTwo > * { display: flex; - flex-direction:column; + flex-direction: column; align-items: center; } -.rowOne img, .rowTwo img{ +.rowOne img, +.rowTwo img { width: 250px; height: 250px; } @@ -100,16 +103,140 @@ img{ flex-direction: column; align-items: center; padding: 45px; - background-color: #FFD6BF; - margin-top:30px; + background-color: #ffd6bf; + margin-top: 30px; } -.footer button{ - padding:20px; - margin:10px; +.footer button { + padding: 20px; + margin: 10px; border-radius: 20px; background-color: #b3ecec; } -.footer a{ +.footer a { margin: 45px; -} \ No newline at end of file +} + +@media (max-width: 500px) { + body { + width: 500px; + } + header { + width: 100%; + } + header h1 { + text-align: center; + } + nav { + flex-direction: column; + margin: 0 auto; + width: 50%; + } + + .headWrapper { + align-items: center; + flex-direction: column; + width: 100%; + padding: 0; + text-align: center; + } + + img { + width: 100%; + padding: 50px; + } + .right { + width: 100%; + align-items: center; + } + .rowOne{ + flex-wrap:wrap; + width:100%; + } + .rowOne div{ + width:50%; + } + .rowOne div img{ + padding:8%; + } + .rowTwo{ + flex-wrap:wrap; + width:100%; + } + .rowTwo div{ + width:50%; + } + .rowTwo div img{ + padding:8%; + } +} +@media(max-width:800px){ + + +body { + width: 100%; +} +header { + width: 100%; +} +header h1 { + text-align: center; +} +nav { + flex-direction: column; + margin: 0 auto; + width: 50%; +} + +.headWrapper { + align-items: center; + flex-direction: column; + width: 100%; + padding: 0; + text-align: center; +} + +img { + width: 100%; + padding: 50px; +} +.right { + width: 100%; + align-items: center; +} +.rowOne{ + flex-wrap:wrap; + width:100%; +} +.rowOne div{ + width:50%; +} +.rowOne div img{ + padding:8%; + width:100%; + height:400px; + +} +.rowTwo{ + flex-wrap:wrap; + width:100%; +} +.rowTwo div{ + width:50%; +} +.rowTwo div img{ + padding:8%; + width:100%; + height:400px; +} +h2{ + font-size:2rem; +} +button a{ + font-size: 1.5rem; +} +.footer button{ + margin-top:25px; +} +} + From 6b66bc15b7ac8ce63a7bfaa75485abb920c03538 Mon Sep 17 00:00:00 2001 From: Maksim Raymond Date: Mon, 10 Aug 2020 21:52:48 -0700 Subject: [PATCH 4/5] revised day 2 --- style/index.css | 150 ++++++++++++++++++++++++++---------------------- 1 file changed, 82 insertions(+), 68 deletions(-) diff --git a/style/index.css b/style/index.css index 7cb58a17a..a3219cd4d 100644 --- a/style/index.css +++ b/style/index.css @@ -117,12 +117,88 @@ img { margin: 45px; } +@media(max-width:800px){ + + + body { + width: 100%; + background-color:teal; + } + header { + width: 100%; + background-color:#367588; + } + header h1 { + text-align: center; + } + nav { + flex-direction: column; + margin: 0 auto; + width: 50%; + } + + .headWrapper { + align-items: center; + flex-direction: column; + width: 100%; + padding: 0; + text-align: center; + } + + img { + width: 100%; + padding: 50px; + } + .right { + width: 100%; + align-items: center; + } + .rowOne{ + flex-wrap:wrap; + width:100%; + } + .rowOne div{ + width:50%; + } + .rowOne div img{ + padding:8%; + width:100%; + height:400px; + + } + .rowTwo{ + flex-wrap:wrap; + width:100%; + } + .rowTwo div{ + width:50%; + } + .rowTwo div img{ + padding:8%; + width:100%; + height:400px; + } + h2{ + font-size:2rem; + } + button a{ + font-size: 1.5rem; + } + .footer button{ + margin-top:25px; + } + } + + + @media (max-width: 500px) { body { width: 500px; + background-color:#367588; } header { width: 100%; + background-color:teal; } header h1 { text-align: center; @@ -149,6 +225,12 @@ img { width: 100%; align-items: center; } + .right button{ + width:30%; + } + .right button a{ + font-size: 1.2rem; + } .rowOne{ flex-wrap:wrap; width:100%; @@ -170,73 +252,5 @@ img { padding:8%; } } -@media(max-width:800px){ - - -body { - width: 100%; -} -header { - width: 100%; -} -header h1 { - text-align: center; -} -nav { - flex-direction: column; - margin: 0 auto; - width: 50%; -} -.headWrapper { - align-items: center; - flex-direction: column; - width: 100%; - padding: 0; - text-align: center; -} - -img { - width: 100%; - padding: 50px; -} -.right { - width: 100%; - align-items: center; -} -.rowOne{ - flex-wrap:wrap; - width:100%; -} -.rowOne div{ - width:50%; -} -.rowOne div img{ - padding:8%; - width:100%; - height:400px; - -} -.rowTwo{ - flex-wrap:wrap; - width:100%; -} -.rowTwo div{ - width:50%; -} -.rowTwo div img{ - padding:8%; - width:100%; - height:400px; -} -h2{ - font-size:2rem; -} -button a{ - font-size: 1.5rem; -} -.footer button{ - margin-top:25px; -} -} From 81c639df99f8562416d2362b4ac2678cc9874ec7 Mon Sep 17 00:00:00 2001 From: Maksim Raymond Date: Tue, 11 Aug 2020 13:46:32 -0700 Subject: [PATCH 5/5] maksim-raymond-day2 --- .vscode/settings.json | 3 +++ index.html | 8 ++++---- 2 files changed, 7 insertions(+), 4 deletions(-) create mode 100644 .vscode/settings.json diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 000000000..6f3a2913e --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/index.html b/index.html index 21e7f9a20..2e4769fff 100644 --- a/index.html +++ b/index.html @@ -12,10 +12,10 @@

Maksim Raymond