diff --git a/README.md b/README.md index 7bc2383..4301fb9 100644 --- a/README.md +++ b/README.md @@ -6,3 +6,4 @@ 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.* +Name: Jon Szeto diff --git a/image/banner-image.jpg b/image/banner-image.jpg new file mode 100644 index 0000000..827b934 Binary files /dev/null and b/image/banner-image.jpg differ diff --git a/index.html b/index.html index 3a88ff2..bdc0214 100644 --- a/index.html +++ b/index.html @@ -6,6 +6,7 @@ Viking CSS Garden + @@ -16,65 +17,65 @@

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 +
+
+
- diff --git a/style.css b/style.css index 64192bc..a8661c5 100644 --- a/style.css +++ b/style.css @@ -1,10 +1,117 @@ /* ----------------------------------- * * Your Styles Here * ----------------------------------- */ + /* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) + */ + /* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ +span, applet, object, iframe, html, body, +h1, h3, h4, h5, h6, pre, 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, +dl, dt, dd, +fieldset, form, label, legend, +table, caption, tbody, tfoot, thead, tr, th, td, +article, canvas, details, embed, +figure, figcaption, footer, hgroup, +menu, output, ruby, section, summary, +time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; +} +html { + font-family: 'Assistant', sans-serif; +} +header { + height: 30%; + margin: 0 auto; + text-align: center; + background-image: url("/image/banner-image.jpg"); + background-position: right top; + color: white; + text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; +} - \ No newline at end of file +.container { + text-align: center; + background-color: #CDD7D7; +} + +#main-content { + display: inline-block; + width: 50%; + margin: 10px 0; + padding: 0; + background-color: #ADB7D0; +} + +.main-content-section { + display: block; + border: 3px solid black; + padding: 0 1em 1em 1em; + margin: 1em; +} + +.section-title { + text-align: center; + font-size: xx-large; +} + +#sidebar { + display: inline-block; + vertical-align: top; + clear: left; + width: 200px; + margin: 10px; + padding: 0px; +} + +#sidebar h2 { + text-align: center; + font-size: large; + font-style: italic; + margin-bottom: 0; + padding-bottom: 0; +} + +.section-content p{ + column-count: 2; + text-align: left; + margin: -5px; + vertical-align: top; +} + +/* CSS for nav styling*/ +ul, li{ + list-style: none; + margin: 0; + padding: 0; + width: 200px; + background-color: #FFE4CE; + +} + +li a { + border-collapse: collapse; + display: block; + color: #000; + font-size: medium; + padding: 8px 16px; + border: 1px solid #FFE4CE; + text-align: center; +} + +li a:hover { + background-color: #ECB587; +}