" + item.title + "
" + result += "By " + item.author.displayName + " " + result += "on " + new Date(item.published).toDateString() + "
" + result += "" + item.content + "
" + return result + +loadBlog = () -> + $.getJSON getUrl, (data) -> + target = $ ".js-blog-posts" + for item in data.items + target.append buildItemHtml(item) + +$(document).ready () -> + loadBlog() diff --git a/src/less/main.less b/src/less/main.less new file mode 100644 index 0000000..992a7b1 --- /dev/null +++ b/src/less/main.less @@ -0,0 +1,108 @@ +@banner-giant-height: 300px; +@banner-giant-width: 480px; + +html { + min-width: @banner-giant-width; +} + +body { + margin-bottom: 50px; +} + +.banner-divider { + height: 1px; + width: 100%; + position: absolute; + left: 0; + background: rgba(0, 0, 0, 0.4); +} + +.buffer-left { + margin-left: 10px; +} + +.logo { + border-radius: 50px; +} + +.banner-giant { + position: relative; + top: 0; + left: 0; + background-image: url(../images/cover_1.png); + background-size: cover; + width: 100%; + height: @banner-giant-height; + margin-top: 61px; + + &-container { + height: @banner-giant-height; + width: @banner-giant-width; + margin: 0 auto; + } + + &-text { + height: @banner-giant-height; + width: @banner-giant-width; + text-align: center; + display: table-cell; + vertical-align: middle; + color: black; + } + + &-divider { + &-bottom { + .banner-divider(); + bottom: 0; + } + + &-top { + .banner-divider(); + top: 0; + } + } +} + +.banner-small { + position: relative; + top: 0; + left: 0; + background-image: url(../images/cover_1.png); + background-size: cover; + width: 100%; + height: 48px; + margin-top: 45px; +} + +.banner-giant-purple { + .banner-giant(); + background-image: url(../images/cover_3.png); +} + +.banner-giant-green { + .banner-giant(); + background-image: url(../images/cover_2.png); +} + +.banner-giant-orange { + .banner-giant(); + background-image: url(../images/cover_4.png); +} + +.banner-giant-turquoise { + .banner-giant(); + background-image: url(../images/cover_1.png); +} + +.banner-giant-lavender { + .banner-giant(); + background-image: url(../images/cover_5.png); +} + +.mt-plus { + margin-top: 16px; +} + +textarea.form-control { + height: 128px; +} \ No newline at end of file diff --git a/templates/base.html.twig b/templates/base.html.twig new file mode 100644 index 0000000..c9cde93 --- /dev/null +++ b/templates/base.html.twig @@ -0,0 +1,114 @@ + + + +
+ {% block content %}
+ {% endblock %}
+
+
+
diff --git a/templates/blog.html.twig b/templates/blog.html.twig
new file mode 100644
index 0000000..0ceab2e
--- /dev/null
+++ b/templates/blog.html.twig
@@ -0,0 +1,32 @@
+{% extends "base.html.twig" %}
+
+{% block title %}Blog{% endblock %}
+
+{% block scripts %}
+
+
+{% endblock %}
+
+{% block banner %}
+
+{% endblock %}
+
+{% block content %}
+
+
+
+
+
+ +
+
+
+
+ Legal
+-
+
- Terms of Use +
- Privacy Policy +
+
+ Lorem Ipsum
++ Aliquam erat volutpat. Nunc id orci quis nibh laoreet egestas. Suspendisse quis enim sapien. + Phasellus ut nunc vel diam cursus vulputate. Pellentesque nec eleifend felis. Duis quis + tincidunt sem. +
+
+ 
+ 
+ 
+
+ Communities
+
+
+
+
+
+
+
+
+ +
+
+
+ Copyright © Joe Bloggs 2016
+
+ 
+
+
+
+{% endblock %}
diff --git a/templates/contact.html.twig b/templates/contact.html.twig
new file mode 100644
index 0000000..72500b9
--- /dev/null
+++ b/templates/contact.html.twig
@@ -0,0 +1,73 @@
+{% extends "base.html.twig" %}
+
+{% block title %}Contact{% endblock %}
+
+{% block banner %}
+
+{% endblock %}
+
+{% block content %}
+
+
+
+{% endblock %}
diff --git a/templates/index.html.twig b/templates/index.html.twig
new file mode 100644
index 0000000..41c2713
--- /dev/null
+++ b/templates/index.html.twig
@@ -0,0 +1,59 @@
+{% extends "base.html.twig" %}
+
+{% block title %}Home{% endblock %}
+
+{% block banner %}
+
+
+Contact
++ Please use the form below to contact me. +
+ {% if post %} + {% if success %} +
+
+
+ {% else %}
+ Thank you for your message!
++ I'll get back to you as soon as I can. +
+
+
+
+ {% endif %}
+ {% endif %}
+ Couple of problems...
++ There was a problem or two with some of the information you submitted. Please correct the + following and try again: +
+-
+ {% for error in errors %}
+
- + {{ error }} + + {% endfor %} +
+
+
+
+
+{% endblock %}
+
+{% block content %}
+
+
+{% endblock %}
diff --git a/templates/project-1.html.twig b/templates/project-1.html.twig
new file mode 100644
index 0000000..ef79a13
--- /dev/null
+++ b/templates/project-1.html.twig
@@ -0,0 +1,40 @@
+{% extends "base.html.twig" %}
+
+{% block title %}Project 1{% endblock %}
+
+{% block banner %}
+
+
+Lorem Ipsum
++ Aliquam erat volutpat. Nunc id orci quis nibh laoreet egestas. Suspendisse quis enim sapien. Phasellus ut + nunc vel diam cursus vulputate. Pellentesque nec eleifend felis. Duis quis tincidunt sem. Phasellus sagittis + magna sed ligula ultricies, at imperdiet metus condimentum. Sed aliquam libero ac urna porta, a euismod + lorem aliquet. +
+Sed Lectus Diam
+ ++ "Duis venenatis tincidunt ullamcorper." +
++ Integer mattis posuere orci, vel iaculis augue pellentesque porttitor. Morbi vitae tortor mi. Duis maximus + euismod laoreet. Cras tempor maximus augue sed faucibus. +
+ Donec porttitor nunc ligula, quis feugiat mi porttitor quis. Ut elementum mi sit amet finibus vulputate. Ut + vitae faucibus nisl, sed malesuada lacus. Pellentesque sit amet tortor commodo arcu facilisis ultricies. + Etiam convallis feugiat sapien, ac luctus diam pretium vitae. Duis et mi vulputate, condimentum justo ac, + tempus sem. +
++ Etiam id laoreet dolor. Sed cursus quam a hendrerit euismod. Proin orci urna, fermentum ut ullamcorper at, + fermentum quis sapien. Donec vel dictum dui. +
+Fusce Mollis Elit Lectus
++ Aenean velit tellus, maximus vulputate ex id, bibendum venenatis purus. Nullam varius turpis ac arcu laoreet + semper. Sed mi purus, rutrum mattis sapien ac, malesuada accumsan tortor. Fusce turpis tellus, blandit ut + imperdiet ut, tempus in eros. +
+
+
+
+
+
+{% endblock %}
+
+{% block content %}
+
+
+{% endblock %}
diff --git a/templates/project-2.html.twig b/templates/project-2.html.twig
new file mode 100644
index 0000000..16fcfab
--- /dev/null
+++ b/templates/project-2.html.twig
@@ -0,0 +1,40 @@
+{% extends "base.html.twig" %}
+
+{% block title %}Project 2{% endblock %}
+
+{% block banner %}
+
+
+Project 1
++ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed orci in nulla ultrices porta et sed + felis. Aliquam aliquam leo nec maximus imperdiet. Suspendisse quis rhoncus felis, non vulputate est. + Vestibulum diam ex, suscipit sed est vel, fringilla sodales dui. Maecenas viverra consectetur risus in + hendrerit. Sed sit amet venenatis leo. Curabitur placerat pellentesque nunc, at eleifend massa scelerisque + ac. Suspendisse potenti. Donec semper nunc non est venenatis, ac lacinia tellus placerat. Proin vel est in + erat interdum vestibulum in in orci. Suspendisse hendrerit lorem dolor, nec ornare urna elementum fringilla. + Fusce malesuada nulla at eros porttitor, et maximus ipsum tristique. Maecenas vel mi nisi. Donec mattis, + tellus a pellentesque posuere, elit elit sagittis risus, venenatis condimentum lacus nibh sed velit. Donec + vestibulum nisl a est facilisis, ultricies consectetur ipsum varius. Suspendisse molestie scelerisque velit. +
+
+
+
+
+
+{% endblock %}
+
+{% block content %}
+
+
+{% endblock %}
diff --git a/templates/project-3.html.twig b/templates/project-3.html.twig
new file mode 100644
index 0000000..1654870
--- /dev/null
+++ b/templates/project-3.html.twig
@@ -0,0 +1,40 @@
+{% extends "base.html.twig" %}
+
+{% block title %}Project 3{% endblock %}
+
+{% block banner %}
+
+
+Project 2
++ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed orci in nulla ultrices porta et sed + felis. Aliquam aliquam leo nec maximus imperdiet. Suspendisse quis rhoncus felis, non vulputate est. + Vestibulum diam ex, suscipit sed est vel, fringilla sodales dui. Maecenas viverra consectetur risus in + hendrerit. Sed sit amet venenatis leo. Curabitur placerat pellentesque nunc, at eleifend massa scelerisque + ac. Suspendisse potenti. Donec semper nunc non est venenatis, ac lacinia tellus placerat. Proin vel est in + erat interdum vestibulum in in orci. Suspendisse hendrerit lorem dolor, nec ornare urna elementum fringilla. + Fusce malesuada nulla at eros porttitor, et maximus ipsum tristique. Maecenas vel mi nisi. Donec mattis, + tellus a pellentesque posuere, elit elit sagittis risus, venenatis condimentum lacus nibh sed velit. Donec + vestibulum nisl a est facilisis, ultricies consectetur ipsum varius. Suspendisse molestie scelerisque velit. +
+
+
+
+
+
+{% endblock %}
+
+{% block content %}
+
+
+{% endblock %}
diff --git a/web/.htaccess b/web/.htaccess
new file mode 100644
index 0000000..d1b713a
--- /dev/null
+++ b/web/.htaccess
@@ -0,0 +1,9 @@
+
+
+Project 3
++ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sed orci in nulla ultrices porta et sed + felis. Aliquam aliquam leo nec maximus imperdiet. Suspendisse quis rhoncus felis, non vulputate est. + Vestibulum diam ex, suscipit sed est vel, fringilla sodales dui. Maecenas viverra consectetur risus in + hendrerit. Sed sit amet venenatis leo. Curabitur placerat pellentesque nunc, at eleifend massa scelerisque + ac. Suspendisse potenti. Donec semper nunc non est venenatis, ac lacinia tellus placerat. Proin vel est in + erat interdum vestibulum in in orci. Suspendisse hendrerit lorem dolor, nec ornare urna elementum fringilla. + Fusce malesuada nulla at eros porttitor, et maximus ipsum tristique. Maecenas vel mi nisi. Donec mattis, + tellus a pellentesque posuere, elit elit sagittis risus, venenatis condimentum lacus nibh sed velit. Donec + vestibulum nisl a est facilisis, ultricies consectetur ipsum varius. Suspendisse molestie scelerisque velit. +
+