From e13f1f000f01b0782205e17336e925030abe0c9c Mon Sep 17 00:00:00 2001 From: Brian Carroll Date: Thu, 31 Aug 2017 07:38:47 -0400 Subject: [PATCH 1/5] added name --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 7bc2383..199978d 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,4 @@ +Brian Carroll assignment_viking_css_garden ============================ @@ -5,4 +6,3 @@ A place for your styling creativity to grow **NOTE:** *This repo is copyrighted material for your private use only and not to be shared outside of Viking Code School.* - From d6f6ecf25f18bed1d9cb2db64aeebb9ce6ecd969 Mon Sep 17 00:00:00 2001 From: Brian Carroll Date: Thu, 31 Aug 2017 08:11:52 -0400 Subject: [PATCH 2/5] fixed stylesheet linking --- index.html | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/index.html b/index.html index 3a88ff2..a41dc11 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,7 @@ Viking CSS Garden - + @@ -77,4 +77,3 @@

Other Gardens

- From bbe90f643721b81b86e98d775ebb87652987da7d Mon Sep 17 00:00:00 2001 From: Brian Carroll Date: Thu, 31 Aug 2017 09:09:38 -0400 Subject: [PATCH 3/5] placed sidebar above main content --- index.html | 63 +++++++++++++++++++++++++++--------------------------- 1 file changed, 32 insertions(+), 31 deletions(-) diff --git a/index.html b/index.html index a41dc11..de50b11 100644 --- a/index.html +++ b/index.html @@ -5,8 +5,10 @@ Viking CSS Garden - + + + @@ -16,38 +18,9 @@

Viking CSS Garden

A place for your styling creativity to grow

- - -
-
-

Growing Your Garden

- -
-

The Viking CSS Garden is a place for you to take raw potential and turn it into something beautiful with the power of CSS. Take the seeds that are this HTML file and plant them. Water and feed them with nurishing styles, colors and images. Watch them evolve into a stunning display.

-
-
- -
-

Norse mythology

- -
-

Norse mythology is the body of mythology of the North Germanic people stemming from Norse paganism and continuing after the Christianization of Scandinavia and into the Scandinavian folklore of the modern period. The northernmost extension of Germanic mythology, Norse mythology consists of tales of various deities, beings, and heroes derived from numerous sources from both before and after the pagan period, including medieval manuscripts, archaeological representations, and folk tradition.

- -

Numerous gods are mentioned in the source texts such as the hammer-wielding, humanity-protecting god Thor, who relentlessly fights his foes; the one-eyed, raven-flanked god Odin, who craftily pursues knowledge throughout the worlds and bestowed among humanity the runic alphabet; the beautiful, seiðr-working, feathered cloak-clad goddess Freyja who rides to battle to choose among the slain; the vengeful, skiing goddess Skaði, who prefers the wolf howls of the winter mountains to the seashore; the powerful god Njörðr, who may calm both sea and fire and grant wealth and land; the god Freyr, whose weather and farming associations bring peace and pleasure to humanity; the goddess Iðunn, who keeps apples that grant eternal youthfulness; the mysterious god Heimdallr, who is born of nine mothers, can hear grass grow, has gold teeth, and possesses a resounding horn; the jötunn Loki, who brings tragedy to the gods by engineering the death of the goddess Frigg's beautiful son Baldr; and numerous other deities.

- -

Most of the surviving mythology centers on the plights of the gods and their interaction with various other beings, such as humanity and the jötnar, beings who may be friends, lovers, foes and/or family members of the gods. The cosmos in Norse mythology consists of Nine Worlds that flank a central cosmological tree, Yggdrasil. Units of time and elements of the cosmology are personified as deities or beings. Various forms of a creation myth are recounted, where the world is created from the flesh of the primordial being Ymir, and the first two humans are Ask and Embla. These worlds are foretold to be reborn after the events of Ragnarök, when an immense battle occurs between the gods and their enemies, and the world is enveloped in flames, only to be reborn anew. There the surviving gods will meet, and the land will be fertile and green, and two humans will repopulate the world.

- -

Norse mythology has been the subject of scholarly discourse since the 17th century, when key texts were brought to the attention of the intellectual circles of Europe. By way of comparative mythology and historical linguistics, scholars have identified elements of Germanic mythology reaching as far back as Proto-Indo-European mythology. In the modern period, the Romanticist Viking revival re-awoke an interest in the subject matter, and references to Norse mythology may now be found throughout modern popular culture. The myths have further been revived in a religious context among adherents of Germanic Neopaganism.

-
- - - From Norse Mythology -
-
- - + + + +
+
+

Growing Your Garden

+ +
+

The Viking CSS Garden is a place for you to take raw potential and turn it into something beautiful with the power of CSS. Take the seeds that are this HTML file and plant them. Water and feed them with nurishing styles, colors and images. Watch them evolve into a stunning display.

+
+
+ +
+

Norse mythology

+ +
+

Norse mythology is the body of mythology of the North Germanic people stemming from Norse paganism and continuing after the Christianization of Scandinavia and into the Scandinavian folklore of the modern period. The northernmost extension of Germanic mythology, Norse mythology consists of tales of various deities, beings, and heroes derived from numerous sources from both before and after the pagan period, including medieval manuscripts, archaeological representations, and folk tradition.

+ +

Numerous gods are mentioned in the source texts such as the hammer-wielding, humanity-protecting god Thor, who relentlessly fights his foes; the one-eyed, raven-flanked god Odin, who craftily pursues knowledge throughout the worlds and bestowed among humanity the runic alphabet; the beautiful, seiðr-working, feathered cloak-clad goddess Freyja who rides to battle to choose among the slain; the vengeful, skiing goddess Skaði, who prefers the wolf howls of the winter mountains to the seashore; the powerful god Njörðr, who may calm both sea and fire and grant wealth and land; the god Freyr, whose weather and farming associations bring peace and pleasure to humanity; the goddess Iðunn, who keeps apples that grant eternal youthfulness; the mysterious god Heimdallr, who is born of nine mothers, can hear grass grow, has gold teeth, and possesses a resounding horn; the jötunn Loki, who brings tragedy to the gods by engineering the death of the goddess Frigg's beautiful son Baldr; and numerous other deities.

+ +

Most of the surviving mythology centers on the plights of the gods and their interaction with various other beings, such as humanity and the jötnar, beings who may be friends, lovers, foes and/or family members of the gods. The cosmos in Norse mythology consists of Nine Worlds that flank a central cosmological tree, Yggdrasil. Units of time and elements of the cosmology are personified as deities or beings. Various forms of a creation myth are recounted, where the world is created from the flesh of the primordial being Ymir, and the first two humans are Ask and Embla. These worlds are foretold to be reborn after the events of Ragnarök, when an immense battle occurs between the gods and their enemies, and the world is enveloped in flames, only to be reborn anew. There the surviving gods will meet, and the land will be fertile and green, and two humans will repopulate the world.

+ +

Norse mythology has been the subject of scholarly discourse since the 17th century, when key texts were brought to the attention of the intellectual circles of Europe. By way of comparative mythology and historical linguistics, scholars have identified elements of Germanic mythology reaching as far back as Proto-Indo-European mythology. In the modern period, the Romanticist Viking revival re-awoke an interest in the subject matter, and references to Norse mythology may now be found throughout modern popular culture. The myths have further been revived in a religious context among adherents of Germanic Neopaganism.

+
+ + - From Norse Mythology +
+
From 1dc2d98c9b4764101d8b1dd6e2dc0f056876b73c Mon Sep 17 00:00:00 2001 From: Brian Carroll Date: Thu, 31 Aug 2017 09:10:30 -0400 Subject: [PATCH 4/5] sidebar/fonts --- style.css | 30 ++++++++++++++++++++++++++++-- 1 file changed, 28 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index 64192bc..b76b266 100644 --- a/style.css +++ b/style.css @@ -2,9 +2,35 @@ * Your Styles Here * ----------------------------------- */ +body{ + background-color: #0064BE; + color: #FF9500; +} +h1, h2 { + font-family: 'Caesar Dressing'; +} +.tagline{ + font-size: .8em; +} +.tagline, .section-content{ + font-family: 'Brawler'; + color: #E18400; +} +.section-title, header{ + text-align: center; +} +header{ + margin-bottom: 5vh; +} +#sidebar{ + float:left; + width:10%; +} - - \ No newline at end of file +section, header{ + width:auto; + margin-left:10%; +} From 03959fcf27bab0783ca29a6d6a7dd1560881026a Mon Sep 17 00:00:00 2001 From: Brian Carroll Date: Thu, 31 Aug 2017 09:26:11 -0400 Subject: [PATCH 5/5] formatting --- style.css | 26 ++++++++++++++++++-------- 1 file changed, 18 insertions(+), 8 deletions(-) diff --git a/style.css b/style.css index b76b266..8b97411 100644 --- a/style.css +++ b/style.css @@ -5,32 +5,42 @@ body{ background-color: #0064BE; color: #FF9500; + padding:3vw; + padding-left:0; + padding-top:1vw; } h1, h2 { font-family: 'Caesar Dressing'; } - -.tagline{ - font-size: .8em; -} - .tagline, .section-content{ font-family: 'Brawler'; color: #E18400; } .section-title, header{ text-align: center; + padding-bottom:3vh; } - header{ - margin-bottom: 5vh; + font-size: x-large; +} +.tagline{ + font-size: .8em; } #sidebar{ float:left; width:10%; } - section, header{ width:auto; margin-left:10%; + margin-bottom: 5vh; +} +a{ + color:#B06700; +} +li{ + padding-bottom: 1vh; +} +cite{ + float:right; }