From 08977922d36a6f362e68139e63abe9d20ca4c78f Mon Sep 17 00:00:00 2001 From: Xunxin Li Date: Thu, 11 Mar 2021 17:49:52 -0500 Subject: [PATCH 1/8] Complet Profile --- about.html | 1 + images/simonCat.jpg | Bin 0 -> 54274 bytes index.html | 55 ++++++++++++- style.css | 195 ++++++++++++++++++++++++++++++++++++++++++++ 4 files changed, 250 insertions(+), 1 deletion(-) create mode 100644 images/simonCat.jpg create mode 100644 style.css diff --git a/about.html b/about.html index df1043036..9ddb14c0c 100644 --- a/about.html +++ b/about.html @@ -3,6 +3,7 @@ + Document diff --git a/images/simonCat.jpg b/images/simonCat.jpg new file mode 100644 index 0000000000000000000000000000000000000000..a697b1863eceb9a6b8f0f171d3c00a60879e44bd GIT binary patch literal 54274 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 - Document + + + Xunxin Li +

+

Xunxin Li

+
+ +

A Little About Me

+

Get better with programming requires lots hours of practice. I never thought of myself becoming a web developer when I was still just a kid, but I know if there is something that has to do with computer I'd be down! +

+

+ I have took some college programming courses, and courses from Udemy. These experience helps me understand how things work behind the scenes. After applied to Lambda School, I learn lot more about web development and I think I will be ready to apply for a job when I graduate from Lambda Schhol. +

+ +
+
+ +
+
+
+
+ + Working On +
+
+ + + Imitated +
+
+ + + Entertainment +
+ +
+ +

As A Full-Stack Developer, I Categorize Every Project I Have Done.There are four category for all my projects.

+ + +
+ \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 000000000..24e2cefd0 --- /dev/null +++ b/style.css @@ -0,0 +1,195 @@ +/* CSS Reset */ +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; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + +*{ + box-sizing: border-box; + max-width: 100%; + +} + +/* General CSS */ + +html{ + font-size: 62.5%; +} + +body{ + font-size: 1.6rem; + line-height: 1.5; + background-color: #eff8ff; +} +@import url('https://fonts.googleapis.com/css2?family=Akaya+Telivigala&family=Noto+Sans+JP&display=swap'); + +/* =================== Top Part ==================== */ +header{ + display:flex; + flex-flow: column wrap; + justify-content: center; + align-content: center; +} +header h1{ + margin-top: 2rem; + text-align: center; + font-size: 7rem; + font-family: 'Akaya Telivigala', cursive; +} +header hr{ + border-style: none none dotted; + border-width: 0.5rem; + border-color: #bedcfa; + width: 10rem; + +} + +header nav{ + display: flex; + width: 30%; + margin: 2rem auto; + justify-content: space-evenly; +} + +header nav a{ + text-decoration: none; + padding:1rem; + background-color: #999b84; + color: #f4f9f9; + border-radius: 10px; +} + + +header h2{ + text-align:center; + font-size: 3rem; + font-family: 'Noto Sans JP', sans-serif; +} + +header p{ + padding: 1rem 2rem; + text-align: center; + font-family: 'Noto Sans JP', sans-serif; + +} + + +/* =================== Top Part ==================== */ + +.bg-img{ + height:45vh; + background-image: url("images/simonCat.jpg"); + background-repeat: no-repeat; + background-size: cover; + + background-position: bottom; + margin: 4rem auto 0rem; + + +} + + +/* =================== Top Part ==================== */ + +.projects{ + + display:flex; + height: 55vh; +} +.projects-container{ + display:flex; + justify-content: space-evenly; + width: 60%; +} +.projects-container div{ + width: 20%; + height: 55vh; + text-align: center; +} + +.projects-container div i{ + margin: 10rem auto 6rem; + font-size: 10rem; +} + +.projects-container div a{ + display: block; + text-decoration: none; + padding: 1rem; + font-size: 2rem; + background-color: #c5d7bd; + border-radius: 10px; + +} +.projects p{ + + font-size: 2rem; + text-align: center; + margin: auto; + width: 30rem; +} + + + + + + +/* =================== Top Part ==================== */ +footer{ + display:flex; + height: 15vh; + justify-content: center; + align-content: center; + background-color:#999b84; + +} +footer a{ + margin: auto; + text-decoration: none; + padding: 1rem; + font-size: 2rem; + background-color: #beca5c; + border-radius: 10px; +} + + + From 1e3e99d863645a65163563513babf600588a7df3 Mon Sep 17 00:00:00 2001 From: Xunxin Li Date: Thu, 11 Mar 2021 22:31:18 -0500 Subject: [PATCH 2/8] Finished Responsively --- index.html | 22 +++++++------- style.css | 84 +++++++++++++++++++++++++++++++++++++++++------------- 2 files changed, 75 insertions(+), 31 deletions(-) diff --git a/index.html b/index.html index a9b6aafdf..811c6e424 100644 --- a/index.html +++ b/index.html @@ -5,11 +5,11 @@ - Xunxin Li + Kyle Li
-

Xunxin Li

+

Kyle Li

A Little About Me

-

Get better with programming requires lots hours of practice. I never thought of myself becoming a web developer when I was still just a kid, but I know if there is something that has to do with computer I'd be down! +

To get better with programming requires lots hours of practice. I never thought of myself becoming a web developer when I was still just a kid, but I know if there is something that has to do with computer I'd be down!

I have took some college programming courses, and courses from Udemy. These experience helps me understand how things work behind the scenes. After applied to Lambda School, I learn lot more about web development and I think I will be ready to apply for a job when I graduate from Lambda Schhol. @@ -30,23 +30,23 @@

A Little About Me

-
+
- Working On +

Working On

-
+
- Imitated +

Imitated

-
+
+

Entertainment

- Entertainment
-
+
- Great Success +

Great Success

diff --git a/style.css b/style.css index 24e2cefd0..c63013501 100644 --- a/style.css +++ b/style.css @@ -59,10 +59,11 @@ body{ font-size: 1.6rem; line-height: 1.5; background-color: #eff8ff; + } @import url('https://fonts.googleapis.com/css2?family=Akaya+Telivigala&family=Noto+Sans+JP&display=swap'); -/* =================== Top Part ==================== */ +/* =========================================== */ header{ display:flex; flex-flow: column wrap; @@ -78,7 +79,7 @@ header h1{ header hr{ border-style: none none dotted; border-width: 0.5rem; - border-color: #bedcfa; + border-color: #ebecf1; width: 10rem; } @@ -88,6 +89,7 @@ header nav{ width: 30%; margin: 2rem auto; justify-content: space-evenly; + } header nav a{ @@ -113,7 +115,7 @@ header p{ } -/* =================== Top Part ==================== */ +/* =========================================== */ .bg-img{ height:45vh; @@ -128,44 +130,84 @@ header p{ } -/* =================== Top Part ==================== */ +/* =========================================== */ .projects{ display:flex; + flex-flow:row wrap; height: 55vh; + justify-content: space-evenly; + } .projects-container{ - display:flex; - justify-content: space-evenly; + display: flex; width: 60%; + justify-content: space-evenly; } -.projects-container div{ +.box{ + display:flex; width: 20%; - height: 55vh; - text-align: center; + flex-flow:column wrap; + + justify-content: space-evenly; + } - -.projects-container div i{ - margin: 10rem auto 6rem; - font-size: 10rem; +.box i{ + font-size: 500%; + text-align: center; + } +.box h3{ -.projects-container div a{ - display: block; - text-decoration: none; + display: flex; + justify-content: center; padding: 1rem; - font-size: 2rem; - background-color: #c5d7bd; + width: 15rem; border-radius: 10px; - + padding: 1rem; + font-size: 100%; + color:#393e46; + background-color: #d9ecf2; +} +@media(max-width:800px){ + .box i{ + font-size: 300%; + text-align: center; + + } + .box h3{ + + display: flex; + justify-content: center; + text-align: center; + padding: 1rem; + width: 15rem; + border-radius: 10px; + padding: 1rem; + font-size: 1.25rem; + color:#393e46; + background-color: #d9ecf2; + } +} +@media(max-width:600px){ + .box h3{ + font-size: 1rem; + } } + + + + .projects p{ font-size: 2rem; text-align: center; margin: auto; width: 30rem; + border-radius: 10px; + border: #d6e0f0 solid 2px; + padding:1rem; } @@ -173,8 +215,10 @@ header p{ -/* =================== Top Part ==================== */ + +/* =========================================== */ footer{ + display:flex; height: 15vh; justify-content: center; From 23dd940c27e95eb95d4c3e3a3b879ad6cfb5f915 Mon Sep 17 00:00:00 2001 From: Xunxin Li Date: Fri, 12 Mar 2021 09:37:19 -0500 Subject: [PATCH 3/8] Adjust The Content & Added The CSS Effect --- index.html | 10 ++++++---- style.css | 32 ++++++++++++++++++++++++++++---- 2 files changed, 34 insertions(+), 8 deletions(-) diff --git a/index.html b/index.html index 811c6e424..a923440cd 100644 --- a/index.html +++ b/index.html @@ -18,11 +18,13 @@

Kyle Li

Projects

A Little About Me

-

To get better with programming requires lots hours of practice. I never thought of myself becoming a web developer when I was still just a kid, but I know if there is something that has to do with computer I'd be down! +

+ I have took some college level programming courses and courses from Udemy. These experience helps me understand how things work behind the screen. I am currently enrolled in Lambda School, and I will learn lot more technique from them to build great projects.

- I have took some college programming courses, and courses from Udemy. These experience helps me understand how things work behind the scenes. After applied to Lambda School, I learn lot more about web development and I think I will be ready to apply for a job when I graduate from Lambda Schhol. + Programming is a skill that requires lots of hours of learning and practicing. I never thought of myself becoming a web developer when I was still just a kid, but I know if there is something that has to do with computer I'd be down!

+
@@ -50,7 +52,7 @@

Great Success

-

As A Full-Stack Developer, I Categorize Every Project I Have Done.There are four category for all my projects.

+

As A Full-Stack Web Developer, I Categorize Every Project That Is In My Hand.There Are Four Category For All My Projects.

@@ -59,6 +61,6 @@

Great Success

Contact - + \ No newline at end of file diff --git a/style.css b/style.css index c63013501..a3ca4090a 100644 --- a/style.css +++ b/style.css @@ -59,10 +59,15 @@ body{ font-size: 1.6rem; line-height: 1.5; background-color: #eff8ff; + } @import url('https://fonts.googleapis.com/css2?family=Akaya+Telivigala&family=Noto+Sans+JP&display=swap'); + + + + /* =========================================== */ header{ display:flex; @@ -98,6 +103,12 @@ header nav a{ background-color: #999b84; color: #f4f9f9; border-radius: 10px; + transition-delay: 2ms; +} + +header nav a:hover{ + background-color: #96bb7c; + color:#eff8ff; } @@ -118,6 +129,7 @@ header p{ /* =========================================== */ .bg-img{ + height:45vh; background-image: url("images/simonCat.jpg"); background-repeat: no-repeat; @@ -138,20 +150,31 @@ header p{ flex-flow:row wrap; height: 55vh; justify-content: space-evenly; + margin-bottom: 0.5rem; } .projects-container{ display: flex; width: 60%; - justify-content: space-evenly; + flex-wrap: wrap; + justify-content: space-around; + align-content: center; } .box{ display:flex; width: 20%; - flex-flow:column wrap; + height: 80%; + flex-direction: column; + + padding:1rem; justify-content: space-evenly; + border-radius: 10px; +} +.box:hover{ + border:#d6e0f0 2px solid; + } .box i{ font-size: 500%; @@ -218,16 +241,17 @@ header p{ /* =========================================== */ footer{ - + margin-top: 0.5rem; display:flex; height: 15vh; + flex-wrap: wrap; justify-content: center; align-content: center; background-color:#999b84; } footer a{ - margin: auto; + text-decoration: none; padding: 1rem; font-size: 2rem; From 9fb2325591c6980350ba8e26929ed8aca365d79f Mon Sep 17 00:00:00 2001 From: Xunxin Li Date: Mon, 15 Mar 2021 16:22:55 -0400 Subject: [PATCH 4/8] Finish CSS For Tablet Device --- index.html | 20 ++++++------- style.css | 84 +++++++++++++++++++++++++++--------------------------- 2 files changed, 52 insertions(+), 52 deletions(-) diff --git a/index.html b/index.html index a923440cd..52867b1f2 100644 --- a/index.html +++ b/index.html @@ -3,6 +3,7 @@ + Kyle Li @@ -12,10 +13,10 @@

Kyle Li

A Little About Me

@@ -34,21 +35,20 @@

A Little About Me

-

Working On

+ Working On
- -

Imitated

+ Imitated
-

Entertainment

+ Entertainment
-

Great Success

+ Great Success
@@ -58,7 +58,7 @@

Great Success

diff --git a/style.css b/style.css index a3ca4090a..5eb55dcee 100644 --- a/style.css +++ b/style.css @@ -64,9 +64,9 @@ body{ } @import url('https://fonts.googleapis.com/css2?family=Akaya+Telivigala&family=Noto+Sans+JP&display=swap'); - - - +a{ + text-decoration: none; +} /* =========================================== */ header{ @@ -147,33 +147,33 @@ header p{ .projects{ display:flex; - flex-flow:row wrap; - height: 55vh; justify-content: space-evenly; - margin-bottom: 0.5rem; - + height: 50rem; } .projects-container{ display: flex; width: 60%; + height: 70%; flex-wrap: wrap; justify-content: space-around; + margin: auto 2rem; align-content: center; } .box{ + display:flex; width: 20%; - height: 80%; + height: 70%; flex-direction: column; - - padding:1rem; justify-content: space-evenly; + border-radius: 10px; } .box:hover{ border:#d6e0f0 2px solid; + } .box i{ @@ -181,43 +181,18 @@ header p{ text-align: center; } -.box h3{ +.box a{ - display: flex; - justify-content: center; + margin: 0 auto; + text-align: center; padding: 1rem; - width: 15rem; + width: 80%; border-radius: 10px; - padding: 1rem; - font-size: 100%; + color:#393e46; background-color: #d9ecf2; } -@media(max-width:800px){ - .box i{ - font-size: 300%; - text-align: center; - - } - .box h3{ - - display: flex; - justify-content: center; - text-align: center; - padding: 1rem; - width: 15rem; - border-radius: 10px; - padding: 1rem; - font-size: 1.25rem; - color:#393e46; - background-color: #d9ecf2; - } -} -@media(max-width:600px){ - .box h3{ - font-size: 1rem; - } -} + @@ -255,9 +230,34 @@ footer a{ text-decoration: none; padding: 1rem; font-size: 2rem; - background-color: #beca5c; + background-color: #cee6b4; + color:#4f4f4f; border-radius: 10px; } +@media(max-width:800px){ + header nav{ + width:40%; + } + .projects{ + flex-direction: column; + height:40rem; + + } + .projects-container{ + width: 80%; + justify-content: center; + margin: 0 auto; + } + .box i{ + font-size: 300%; + } + .box a{ + font-size: 1.25rem; + } + .projects p{ + margin-bottom: 1rem; + } +} \ No newline at end of file From 3a0d4e58ebaf34fcf345fb6680ea12558636d451 Mon Sep 17 00:00:00 2001 From: Xunxin Li Date: Mon, 15 Mar 2021 17:17:56 -0400 Subject: [PATCH 5/8] Finish CSS For Phone Device --- style.css | 47 +++++++++++++++++++++++++++++++++++++++++++++-- 1 file changed, 45 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index 5eb55dcee..544c4563d 100644 --- a/style.css +++ b/style.css @@ -98,7 +98,6 @@ header nav{ } header nav a{ - text-decoration: none; padding:1rem; background-color: #999b84; color: #f4f9f9; @@ -154,7 +153,6 @@ header p{ display: flex; width: 60%; height: 70%; - flex-wrap: wrap; justify-content: space-around; margin: auto 2rem; align-content: center; @@ -260,4 +258,49 @@ footer a{ .projects p{ margin-bottom: 1rem; } +} + +@media(max-width:500px){ + header h1{ + font-size: 5rem; + } + header hr{ + width: 5rem; + } + header nav{ + flex-direction: column; + } + header nav a{ + text-align: center; + padding: 5% 3%; + border-radius: 0; + } + header p{ + font-size: 0.8rem; + } + .bg-img{ + margin: 1rem 1rem; + } + + .projects{ + flex-flow:row wrap; + } + .projects-container{ + width: 100%; + height:80%; + flex-wrap:wrap; + margin-bottom: 1rem; + } + .box{ + width: 40%; + height: 50%; + } + .projects p{ + font-size:1.2rem; + } + + footer{ + margin-top: 2rem; + } + } \ No newline at end of file From 2da7fec1845bb0ab18bb2c48fac14ba6b55c308c Mon Sep 17 00:00:00 2001 From: Xunxin Li Date: Mon, 15 Mar 2021 17:24:43 -0400 Subject: [PATCH 6/8] Make Some Small Adjustment --- style.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/style.css b/style.css index 544c4563d..f24402e1c 100644 --- a/style.css +++ b/style.css @@ -302,5 +302,9 @@ footer a{ footer{ margin-top: 2rem; } + footer a{ + padding:0.5rem; + font-size: 1.25rem; + } } \ No newline at end of file From 7d617a6d035b23b29a6ab552211669104f41acd7 Mon Sep 17 00:00:00 2001 From: Xunxin Li Date: Mon, 15 Mar 2021 17:46:08 -0400 Subject: [PATCH 7/8] Finish Everything --- index.html | 2 +- style.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index 52867b1f2..3b63e6dcc 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,7 @@ - + Kyle Li diff --git a/style.css b/style.css index f24402e1c..2f405c51f 100644 --- a/style.css +++ b/style.css @@ -165,7 +165,7 @@ header p{ flex-direction: column; padding:1rem; justify-content: space-evenly; - + margin: auto; border-radius: 10px; } From 7fa0b383f893a09d8b7889cbf7ce2b454c7f2819 Mon Sep 17 00:00:00 2001 From: Xunxin Li Date: Tue, 16 Mar 2021 22:32:56 -0400 Subject: [PATCH 8/8] add favicon & Change Web Title & Apply a different CSS --- .DS_Store | Bin 0 -> 6148 bytes index.html | 6 +- style.css | 310 ------------------------------------------- style/.DS_Store | Bin 0 -> 6148 bytes style/favicon.ico | Bin 0 -> 318 bytes style/index.css | 326 +++++++++++++++++++++++++++++++++++++++++++++- 6 files changed, 328 insertions(+), 314 deletions(-) create mode 100644 .DS_Store delete mode 100644 style.css create mode 100644 style/.DS_Store create mode 100644 style/favicon.ico diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..116bcf2ce3d99ea5e1534d42a7b61b53e1147cf6 GIT binary patch literal 6148 zcmeHK!EVz)5S>la;+R$h38`F=eBo9_X{Zn!kU}Vj9uNp4dH~egwP}o8JBl4b2|>Q| z1N6c#aN#5P1HOe5yxCnUJ0aYPpxTjk-*|W4Zv4i(nT80$8w-x&9E znX{U1Sp^C?Moum2Q%*+|&qbRCqkvK1UsHhBu1y~Kl+p+*_jLX4#OZ+_r#||5bGVDr z`XLP-(JCE)k$~aBTg>}B!&{*UyMsrE6jD~5LtOh)tUt~M`uBYG2XU0;?e;fOTdFUw zT(B(Lve)bvZa*EnxtEW!o;Q5PPmjF3?`!`_n#QNT=Rb|Y@m}-Fy)?90egl zp6^CUkdAxlCt6??vn(LFvtKy z+sV7>`;ROXwnprY(k^NI1t)MSdc1arNt`B!XlITMtr7~L)SE?l5g!m&&dVANXo$?b z0*mvKEo6S5VK(S7I3DJE0Bj*kK{Y=${$1s{mN9xx$Jpz`YNY&HK9#?TKqkvK1e^!9^ z2M2|*tFcfhw+>YD3IMF5SsHx)yTBYrV^?FL5Ir!Vs6a&(`idbG9qo>e>uM|%Dmn>$ z`4D<$p>HTc&W`aN8BU_B(9}i&qd--GCH2_k^Z)+h`+t>Wo{R!UfpevRsBgR5J-m`W zTjySm&sqm%ABBzM3Wbt_N*~A4;iLE}iZt{&>;StO3x#NbnLh$j22&XY{;C2$0rPJJ A5dZ)H literal 0 HcmV?d00001 diff --git a/index.html b/index.html index 3b63e6dcc..a6e7433e1 100644 --- a/index.html +++ b/index.html @@ -3,10 +3,10 @@ - - - Kyle Li + + + A Web Developer
diff --git a/style.css b/style.css deleted file mode 100644 index 2f405c51f..000000000 --- a/style.css +++ /dev/null @@ -1,310 +0,0 @@ -/* CSS Reset */ -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; -} -/* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { - display: block; -} -body { - line-height: 1; -} -ol, ul { - list-style: none; -} -blockquote, q { - quotes: none; -} -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; -} -table { - border-collapse: collapse; - border-spacing: 0; -} - -*{ - box-sizing: border-box; - max-width: 100%; - -} - -/* General CSS */ - -html{ - font-size: 62.5%; -} - -body{ - font-size: 1.6rem; - line-height: 1.5; - background-color: #eff8ff; - - -} -@import url('https://fonts.googleapis.com/css2?family=Akaya+Telivigala&family=Noto+Sans+JP&display=swap'); - -a{ - text-decoration: none; -} - -/* =========================================== */ -header{ - display:flex; - flex-flow: column wrap; - justify-content: center; - align-content: center; -} -header h1{ - margin-top: 2rem; - text-align: center; - font-size: 7rem; - font-family: 'Akaya Telivigala', cursive; -} -header hr{ - border-style: none none dotted; - border-width: 0.5rem; - border-color: #ebecf1; - width: 10rem; - -} - -header nav{ - display: flex; - width: 30%; - margin: 2rem auto; - justify-content: space-evenly; - -} - -header nav a{ - padding:1rem; - background-color: #999b84; - color: #f4f9f9; - border-radius: 10px; - transition-delay: 2ms; -} - -header nav a:hover{ - background-color: #96bb7c; - color:#eff8ff; -} - - -header h2{ - text-align:center; - font-size: 3rem; - font-family: 'Noto Sans JP', sans-serif; -} - -header p{ - padding: 1rem 2rem; - text-align: center; - font-family: 'Noto Sans JP', sans-serif; - -} - - -/* =========================================== */ - -.bg-img{ - - height:45vh; - background-image: url("images/simonCat.jpg"); - background-repeat: no-repeat; - background-size: cover; - - background-position: bottom; - margin: 4rem auto 0rem; - - -} - - -/* =========================================== */ - -.projects{ - - display:flex; - justify-content: space-evenly; - height: 50rem; -} -.projects-container{ - display: flex; - width: 60%; - height: 70%; - justify-content: space-around; - margin: auto 2rem; - align-content: center; -} -.box{ - - display:flex; - width: 20%; - height: 70%; - flex-direction: column; - padding:1rem; - justify-content: space-evenly; - margin: auto; - border-radius: 10px; - -} -.box:hover{ - border:#d6e0f0 2px solid; - - -} -.box i{ - font-size: 500%; - text-align: center; - -} -.box a{ - - margin: 0 auto; - text-align: center; - padding: 1rem; - width: 80%; - border-radius: 10px; - - color:#393e46; - background-color: #d9ecf2; -} - - - - - -.projects p{ - - font-size: 2rem; - text-align: center; - margin: auto; - width: 30rem; - border-radius: 10px; - border: #d6e0f0 solid 2px; - padding:1rem; -} - - - - - - - -/* =========================================== */ -footer{ - margin-top: 0.5rem; - display:flex; - height: 15vh; - flex-wrap: wrap; - justify-content: center; - align-content: center; - background-color:#999b84; - -} -footer a{ - - text-decoration: none; - padding: 1rem; - font-size: 2rem; - background-color: #cee6b4; - color:#4f4f4f; - border-radius: 10px; -} - - - -@media(max-width:800px){ - header nav{ - width:40%; - } - .projects{ - flex-direction: column; - height:40rem; - - } - .projects-container{ - width: 80%; - justify-content: center; - margin: 0 auto; - } - .box i{ - font-size: 300%; - } - .box a{ - font-size: 1.25rem; - } - .projects p{ - margin-bottom: 1rem; - } -} - -@media(max-width:500px){ - header h1{ - font-size: 5rem; - } - header hr{ - width: 5rem; - } - header nav{ - flex-direction: column; - } - header nav a{ - text-align: center; - padding: 5% 3%; - border-radius: 0; - } - header p{ - font-size: 0.8rem; - } - .bg-img{ - margin: 1rem 1rem; - } - - .projects{ - flex-flow:row wrap; - } - .projects-container{ - width: 100%; - height:80%; - flex-wrap:wrap; - margin-bottom: 1rem; - } - .box{ - width: 40%; - height: 50%; - } - .projects p{ - font-size:1.2rem; - } - - footer{ - margin-top: 2rem; - } - footer a{ - padding:0.5rem; - font-size: 1.25rem; - } - -} \ No newline at end of file diff --git a/style/.DS_Store b/style/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..4f7ac5090b64b875fc5364e517f5707466eb5b21 GIT binary patch literal 6148 zcmeHLF-`+P44j1&L1|J_?hB9*67?wx1vMXlTtGsKazzB9ypG@SMVPS-6wv#j(uGZ6?`W?M1|8qEJ`u_|wz~we#=Hsa9l1g)P9-|E#1*4B zo%tGdObxo{=@x$NXl6%kP7@M z1*YtN|t(7wj4gs8~6(8@_RgGEK1onl9M(YIstM^PC287F_? E27Yl2EdT%j literal 0 HcmV?d00001 diff --git a/style/index.css b/style/index.css index 440e53514..4df92f3c7 100644 --- a/style/index.css +++ b/style/index.css @@ -1 +1,325 @@ -/* Add CSS styling here */ \ No newline at end of file +/* CSS Reset */ +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; +} +/* HTML5 display-role reset for older browsers */ +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block; +} +body { + line-height: 1; +} +ol, ul { + list-style: none; +} +blockquote, q { + quotes: none; +} +blockquote:before, blockquote:after, +q:before, q:after { + content: ''; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} + +*{ + box-sizing: border-box; + max-width: 100%; + +} + +/* General CSS */ + +html{ + font-size: 62.5%; +} + +body{ + font-size: 1.6rem; + line-height: 1.5; + + background-color: #eff8ff; + + +} +@import url('https://fonts.googleapis.com/css2?family=Akaya+Telivigala&family=Noto+Sans+JP&display=swap'); + +a{ + text-decoration: none; +} + +/* =========================================== */ +header{ + display:flex; + flex-flow: column wrap; + justify-content: center; + align-content: center; +} +header h1{ + margin-top: 2rem; + text-align: center; + font-size: 7rem; + font-family: 'Akaya Telivigala', cursive; +} +header hr{ + border-style: none none dotted; + border-width: 0.5rem; + border-color: #ebecf1; + width: 10rem; + +} + +header nav{ + display: flex; + width: 30%; + margin: 2rem auto; + justify-content: space-evenly; + +} + +header nav a{ + padding:1rem; + background-color: #999b84; + color: #f4f9f9; + border-radius: 10px; + transition-delay: 2ms; +} + +header nav a:hover{ + background-color: #96bb7c; + color:#eff8ff; +} + + +header h2{ + text-align:center; + font-size: 3rem; + font-family: 'Noto Sans JP', sans-serif; +} + +header p{ + padding: 1rem 2rem; + text-align: center; + font-family: 'Noto Sans JP', sans-serif; + +} + + +/* =========================================== */ + +.bg-img{ + + height:45vh; + background-image: url("../images/simonCat.jpg"); + background-repeat: no-repeat; + background-size: cover; + + background-position: bottom; + margin: 4rem auto 0rem; + + +} + + +/* =========================================== */ + +.projects{ + + display:flex; + justify-content: space-evenly; + height: 50rem; +} +.projects-container{ + display: flex; + width: 60%; + height: 70%; + justify-content: space-around; + margin: auto 2rem; + align-content: center; +} +.box{ + + display:flex; + width: 20%; + height: 70%; + flex-direction: column; + padding:1rem; + justify-content: space-evenly; + margin: auto; + border-radius: 10px; + +} +.box:hover{ + border:#d6e0f0 2px solid; + + +} +.box i{ + font-size: 500%; + text-align: center; + +} +.box a{ + + margin: 0 auto; + text-align: center; + padding: 1rem; + width: 80%; + border-radius: 10px; + + color:#393e46; + background-color: #d9ecf2; +} + + + + + +.projects p{ + + font-size: 2rem; + text-align: center; + margin: auto; + width: 30rem; + border-radius: 10px; + border: #d6e0f0 solid 2px; + padding:2rem; +} + + + + + + + +/* =========================================== */ +footer{ + margin-top: 0.5rem; + display:flex; + height: 15vh; + flex-wrap: wrap; + justify-content: center; + align-content: center; + background-color:#999b84; + +} +footer a{ + + text-decoration: none; + padding: 1rem; + font-size: 2rem; + background-color: #cee6b4; + color:#4f4f4f; + border-radius: 10px; +} +@media(max-width:1326px){ + + .projects{ + flex-direction: column; + height:40rem; + + } + .projects-container{ + width: 100%; + justify-content: center; + margin: 0 auto; + } + .box{ + width: 24%; + } + .box i{ + font-size: 350%; + } +} + + +@media(max-width:800px){ + header nav{ + width:40%; + } + + .box i{ + font-size: 300%; + } + .box a{ + font-size: 1.25rem; + } + .projects p{ + margin-bottom: 1rem; + } + footer{ + height:13vh; + margin-top:3rem; + } +} + +@media(max-width:500px){ + header h1{ + font-size: 5rem; + } + header hr{ + width: 5rem; + } + header nav{ + flex-direction: column; + } + header nav a{ + text-align: center; + padding: 5% 3%; + border-radius: 0; + } + header p{ + font-size: 0.8rem; + } + .bg-img{ + margin: 1rem 1rem; + } + + .projects{ + flex-flow:row wrap; + } + .projects-container{ + width: 100%; + height:80%; + flex-wrap:wrap; + margin-bottom: 1rem; + } + .box{ + width: 40%; + height: 50%; + } + .projects p{ + font-size:1.2rem; + } + + footer{ + margin-top: 5rem; + height: 10vh; + } + footer a{ + padding:0.5rem; + font-size: 1.25rem; + } + +} \ No newline at end of file