diff options
| -rw-r--r-- | src/components/contact.tag (renamed from src/components/footer.tag) | 28 | ||||
| -rw-r--r-- | src/components/content.tag | 6 | ||||
| -rw-r--r-- | src/components/header.tag | 25 | ||||
| -rw-r--r-- | src/components/site.tag | 1 | ||||
| -rw-r--r-- | src/index.html | 2 | ||||
| -rw-r--r-- | src/made-with.png | bin | 0 -> 4677 bytes | |||
| -rw-r--r-- | src/style.css | 2 |
7 files changed, 36 insertions, 28 deletions
diff --git a/src/components/footer.tag b/src/components/contact.tag index f79e1b4..e223e5d 100644 --- a/src/components/footer.tag +++ b/src/components/contact.tag @@ -1,4 +1,4 @@ -<footer> +<contact> <div> <a href="https://www.linkedin.com/in/jantuomi/"> <span class="icon"><i class="fa fa-linkedin fa-lg" aria-hidden="true" /></span> @@ -20,11 +20,6 @@ <style> - footer { - position: fixed; - bottom: 1rem; - height: 5.6rem; - } a { text-decoration: none; @@ -48,24 +43,15 @@ } @media screen and (max-width: 600px) { - footer { - height: inherit; - left: 0; - width: 100%; - display: flex; - align-items: center; - justify-content: center; - } - - footer div { - flex-grow: 1; - text-align: center; - } - span.url { display: none; } + + span.icon i { + font-size: 2rem; + margin: 0.5rem; + } } </style> -</footer>
\ No newline at end of file +</contact>
\ No newline at end of file diff --git a/src/components/content.tag b/src/components/content.tag index 67ea0d3..208f531 100644 --- a/src/components/content.tag +++ b/src/components/content.tag @@ -1,9 +1,11 @@ <content> - <subheading text="Things of interest" /> + <subheading text="Contact me" /> + <contact /> + <subheading text="Check out my..." /> <list items={ items } /> <script> - this.items = [{ title: 'My .vimrc', url: '/.vimrc'}]; + this.items = [{ title: '.vimrc', url: '/.vimrc'}]; </script> </content>
\ No newline at end of file diff --git a/src/components/header.tag b/src/components/header.tag index 7c2713a..13e37ae 100644 --- a/src/components/header.tag +++ b/src/components/header.tag @@ -1,10 +1,31 @@ <header> - <h1>Jan Tuomi</h1> + <h1>Hello, my name is Jan</h1> <style> + header { + display: flex; + } + + h1, a { + justify-content: space-between; + align-items: center; + flex-grow: 1; + } + + img { + object-fit: contain; + max-width: 20%; + } + h1 { - font-size: 3rem; + font-size: 5rem; font-weight: 300; } + + @media screen and (max-width: 600px) { + h1 { + font-size: 3rem; + } + } </style> </header>
\ No newline at end of file diff --git a/src/components/site.tag b/src/components/site.tag index 1d09b0d..e703743 100644 --- a/src/components/site.tag +++ b/src/components/site.tag @@ -1,5 +1,4 @@ <site> <header /> <content /> - <footer /> </site>
\ No newline at end of file diff --git a/src/index.html b/src/index.html index 9492f35..2dd9ab8 100644 --- a/src/index.html +++ b/src/index.html @@ -16,7 +16,7 @@ <!-- riot tags --> <script src="components/site.tag" type="riot/tag"></script> <script src="components/header.tag" type="riot/tag"></script> - <script src="components/footer.tag" type="riot/tag"></script> + <script src="components/contact.tag" type="riot/tag"></script> <script src="components/content.tag" type="riot/tag"></script> <script src="components/list.tag" type="riot/tag"></script> <script src="components/subheading.tag" type="riot/tag"></script> diff --git a/src/made-with.png b/src/made-with.png Binary files differnew file mode 100644 index 0000000..2f1854c --- /dev/null +++ b/src/made-with.png diff --git a/src/style.css b/src/style.css index d2738f2..4c1d58a 100644 --- a/src/style.css +++ b/src/style.css @@ -6,7 +6,7 @@ html { font-family: 'Lato', sans-serif; font-size: 20px; - background-color: #D9E0D7; + background-color: #affbff78; box-sizing: border-box; } |
