From 5461286eeafeb072808ffdd1281b26e80c6a50ee Mon Sep 17 00:00:00 2001 From: Anne Jizrelle Jose Date: Tue, 3 Jul 2018 23:52:01 +0800 Subject: [PATCH 1/2] Code Reference --- study_group/Typography Topics.docx | Bin 14153 -> 0 bytes study_group/typography/1.base/index.html | 16 +++++++ study_group/typography/1.base/style.css | 0 .../typography/2.heading_and_p/index.html | 23 +++++++++++ .../typography/2.heading_and_p/style.css | 16 +++++++ .../3.formatting_elements/index.html | 39 ++++++++++++++++++ .../3.formatting_elements/style.css | 22 ++++++++++ .../typography/4.styling_texts/index.html | 19 +++++++++ .../typography/4.styling_texts/sample.css | 12 ++++++ .../typography/4.styling_texts/style.css | 22 ++++++++++ 10 files changed, 169 insertions(+) delete mode 100644 study_group/Typography Topics.docx create mode 100644 study_group/typography/1.base/index.html create mode 100644 study_group/typography/1.base/style.css create mode 100644 study_group/typography/2.heading_and_p/index.html create mode 100644 study_group/typography/2.heading_and_p/style.css create mode 100644 study_group/typography/3.formatting_elements/index.html create mode 100644 study_group/typography/3.formatting_elements/style.css create mode 100644 study_group/typography/4.styling_texts/index.html create mode 100644 study_group/typography/4.styling_texts/sample.css create mode 100644 study_group/typography/4.styling_texts/style.css diff --git a/study_group/Typography Topics.docx b/study_group/Typography Topics.docx deleted file mode 100644 index 7f5b9d2b3c80c0a76180ad018efc5b224a168c8f..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 14153 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 + + + + + + Typography Study Group + + + + +
+ +
+ + \ No newline at end of file diff --git a/study_group/typography/1.base/style.css b/study_group/typography/1.base/style.css new file mode 100644 index 0000000..e69de29 diff --git a/study_group/typography/2.heading_and_p/index.html b/study_group/typography/2.heading_and_p/index.html new file mode 100644 index 0000000..b3c3b96 --- /dev/null +++ b/study_group/typography/2.heading_and_p/index.html @@ -0,0 +1,23 @@ + + + + + + + Typography Study Group + + + + +
+

Hello World!

+

Hello World!

+

Hello World!

+

Hello World!

+
Hello World!
+
Hello World!
+

Hello World!

+ Hello World! +
+ + \ No newline at end of file diff --git a/study_group/typography/2.heading_and_p/style.css b/study_group/typography/2.heading_and_p/style.css new file mode 100644 index 0000000..9fd6d6e --- /dev/null +++ b/study_group/typography/2.heading_and_p/style.css @@ -0,0 +1,16 @@ +* { + box-sizing: border-box; +} + +body { + margin: 0; +} + +main{ + background: linear-gradient(#007A7C -100%, #ffffff); + padding: 50px; +} + +h1 { + margin-top: 0; +} diff --git a/study_group/typography/3.formatting_elements/index.html b/study_group/typography/3.formatting_elements/index.html new file mode 100644 index 0000000..ae8bc1d --- /dev/null +++ b/study_group/typography/3.formatting_elements/index.html @@ -0,0 +1,39 @@ + + + + + + + Typography Study Group + + + + +
+

HTML Formatting Elements

+ +
+ The text is bold. + The text is strong.

+ The text is italicized... + The text is emphasized... +

The word is small.

+

The word is marked.

+

My favorite color is blue teal.

+

I have a pet dog.

+

This is a subscripted text.

+

This is a superscripted text.

+
+ +
+
+

Tell This One Out Loud!

+

Play with the riddle using HTML Formatting Elements.

+ + One (k)night, a king and a queen went into a castle. There was no one in the castle when they went in, and no one else entered the castle while they were there. The next day, three people came out of the castle. Who were they? + +
+ +
+ + \ No newline at end of file diff --git a/study_group/typography/3.formatting_elements/style.css b/study_group/typography/3.formatting_elements/style.css new file mode 100644 index 0000000..e56c359 --- /dev/null +++ b/study_group/typography/3.formatting_elements/style.css @@ -0,0 +1,22 @@ +* { + box-sizing: border-box; +} + +body { + margin: 0; +} + +main { + background: linear-gradient(#007A7C -100%, #ffffff); + padding: 50px; +} + +main div { + width: 80%; + padding-top: 50px; + margin: 0 auto; +} + +h1 { + margin-top: 0; +} diff --git a/study_group/typography/4.styling_texts/index.html b/study_group/typography/4.styling_texts/index.html new file mode 100644 index 0000000..e229693 --- /dev/null +++ b/study_group/typography/4.styling_texts/index.html @@ -0,0 +1,19 @@ + + + + + + + Typography Study Group + + + + + +
+
+ +
+
+ + \ No newline at end of file diff --git a/study_group/typography/4.styling_texts/sample.css b/study_group/typography/4.styling_texts/sample.css new file mode 100644 index 0000000..26871d7 --- /dev/null +++ b/study_group/typography/4.styling_texts/sample.css @@ -0,0 +1,12 @@ +body { + font-family: 'Open Sans', sans-serif; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + font-family: 'Galada', cursive; +} \ No newline at end of file diff --git a/study_group/typography/4.styling_texts/style.css b/study_group/typography/4.styling_texts/style.css new file mode 100644 index 0000000..e56c359 --- /dev/null +++ b/study_group/typography/4.styling_texts/style.css @@ -0,0 +1,22 @@ +* { + box-sizing: border-box; +} + +body { + margin: 0; +} + +main { + background: linear-gradient(#007A7C -100%, #ffffff); + padding: 50px; +} + +main div { + width: 80%; + padding-top: 50px; + margin: 0 auto; +} + +h1 { + margin-top: 0; +} From 15bbcf3ad42b8a829239744916705c81071ed818 Mon Sep 17 00:00:00 2001 From: Anne Jizrelle Jose Date: Tue, 3 Jul 2018 23:52:37 +0800 Subject: [PATCH 2/2] Code Reference --- .../{typography => sgXX_070718/code_reference}/1.base/index.html | 0 .../{typography => sgXX_070718/code_reference}/1.base/style.css | 0 .../code_reference}/2.heading_and_p/index.html | 0 .../code_reference}/2.heading_and_p/style.css | 0 .../code_reference}/3.formatting_elements/index.html | 0 .../code_reference}/3.formatting_elements/style.css | 0 .../code_reference}/4.styling_texts/index.html | 0 .../code_reference}/4.styling_texts/sample.css | 0 .../code_reference}/4.styling_texts/style.css | 0 9 files changed, 0 insertions(+), 0 deletions(-) rename study_group/{typography => sgXX_070718/code_reference}/1.base/index.html (100%) rename study_group/{typography => sgXX_070718/code_reference}/1.base/style.css (100%) rename study_group/{typography => sgXX_070718/code_reference}/2.heading_and_p/index.html (100%) rename study_group/{typography => sgXX_070718/code_reference}/2.heading_and_p/style.css (100%) rename study_group/{typography => sgXX_070718/code_reference}/3.formatting_elements/index.html (100%) rename study_group/{typography => sgXX_070718/code_reference}/3.formatting_elements/style.css (100%) rename study_group/{typography => sgXX_070718/code_reference}/4.styling_texts/index.html (100%) rename study_group/{typography => sgXX_070718/code_reference}/4.styling_texts/sample.css (100%) rename study_group/{typography => sgXX_070718/code_reference}/4.styling_texts/style.css (100%) diff --git a/study_group/typography/1.base/index.html b/study_group/sgXX_070718/code_reference/1.base/index.html similarity index 100% rename from study_group/typography/1.base/index.html rename to study_group/sgXX_070718/code_reference/1.base/index.html diff --git a/study_group/typography/1.base/style.css b/study_group/sgXX_070718/code_reference/1.base/style.css similarity index 100% rename from study_group/typography/1.base/style.css rename to study_group/sgXX_070718/code_reference/1.base/style.css diff --git a/study_group/typography/2.heading_and_p/index.html b/study_group/sgXX_070718/code_reference/2.heading_and_p/index.html similarity index 100% rename from study_group/typography/2.heading_and_p/index.html rename to study_group/sgXX_070718/code_reference/2.heading_and_p/index.html diff --git a/study_group/typography/2.heading_and_p/style.css b/study_group/sgXX_070718/code_reference/2.heading_and_p/style.css similarity index 100% rename from study_group/typography/2.heading_and_p/style.css rename to study_group/sgXX_070718/code_reference/2.heading_and_p/style.css diff --git a/study_group/typography/3.formatting_elements/index.html b/study_group/sgXX_070718/code_reference/3.formatting_elements/index.html similarity index 100% rename from study_group/typography/3.formatting_elements/index.html rename to study_group/sgXX_070718/code_reference/3.formatting_elements/index.html diff --git a/study_group/typography/3.formatting_elements/style.css b/study_group/sgXX_070718/code_reference/3.formatting_elements/style.css similarity index 100% rename from study_group/typography/3.formatting_elements/style.css rename to study_group/sgXX_070718/code_reference/3.formatting_elements/style.css diff --git a/study_group/typography/4.styling_texts/index.html b/study_group/sgXX_070718/code_reference/4.styling_texts/index.html similarity index 100% rename from study_group/typography/4.styling_texts/index.html rename to study_group/sgXX_070718/code_reference/4.styling_texts/index.html diff --git a/study_group/typography/4.styling_texts/sample.css b/study_group/sgXX_070718/code_reference/4.styling_texts/sample.css similarity index 100% rename from study_group/typography/4.styling_texts/sample.css rename to study_group/sgXX_070718/code_reference/4.styling_texts/sample.css diff --git a/study_group/typography/4.styling_texts/style.css b/study_group/sgXX_070718/code_reference/4.styling_texts/style.css similarity index 100% rename from study_group/typography/4.styling_texts/style.css rename to study_group/sgXX_070718/code_reference/4.styling_texts/style.css