diff --git a/src/static/css/portfolio.css b/src/static/css/portfolio.css
index 61c82e2..cb035b2 100644
--- a/src/static/css/portfolio.css
+++ b/src/static/css/portfolio.css
@@ -37,7 +37,7 @@
text-align: center;
background-color: #e8e8e8;
color: #000;
- box-shadow: 4px 4px 6px #000;
+ box-shadow: 2px 2px 10px #0F0907;
flex: 1 0 auto; }
.portfolio-item p {
margin: 0;
@@ -45,10 +45,31 @@
/* iPhone */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
+ #header {
+ font-size: .8em; }
+
+ .section {
+ padding: 8px; }
+
+ .about-section {
+ margin: 0;
+ max-width: 288px; }
+
+ .about-section ul {
+ padding: 0;
+ list-style: none; }
+
+ .portfolio-items {
+ padding: 0; }
+
.portfolio-item {
+ margin: 8px 0 0;
width: 256px; }
- #calendar {
+ .technology-list img {
+ width: 100%; }
+
+ #calendar, #calendar-label {
display: none; } }
.screenshot {
margin: 0;
@@ -58,7 +79,8 @@
#calendar {
width: 100%;
max-width: 1320px;
- height: 480px; }
+ height: 480px;
+ border: 0; }
/* Force image on its own line for two-column layout */
@media only screen and (min-width: 691px) and (max-width: 1054px) {
diff --git a/src/static/css/portfolio.scss b/src/static/css/portfolio.scss
index c0f85de..c7dfcb4 100644
--- a/src/static/css/portfolio.scss
+++ b/src/static/css/portfolio.scss
@@ -46,7 +46,7 @@
text-align: center;
background-color: #e8e8e8;
color: #000;
- box-shadow: 4px 4px 6px #000;
+ box-shadow: 2px 2px 10px #0F0907;
flex: 1 0 auto;
p {
@@ -59,11 +59,38 @@
@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px) {
+ #header {
+ font-size: .8em;
+ }
+
+ .section {
+ padding: 8px;
+ }
+
+ .about-section {
+ margin: 0;
+ max-width: 288px;
+ }
+
+ .about-section ul {
+ padding: 0;
+ list-style: none;
+ }
+
+ .portfolio-items {
+ padding: 0;
+ }
+
.portfolio-item {
+ margin: 8px 0 0;
width: 256px;
}
- #calendar {
+ .technology-list img {
+ width: 100%;
+ }
+
+ #calendar, #calendar-label {
display: none;
}
}
@@ -78,6 +105,7 @@ and (max-device-width : 568px) {
width: 100%;
max-width: 1320px;
height: 480px;
+ border: 0;
}
/* Force image on its own line for two-column layout */
diff --git a/src/static/css/style.css b/src/static/css/style.css
index 2adaf06..fac4309 100644
--- a/src/static/css/style.css
+++ b/src/static/css/style.css
@@ -16,7 +16,7 @@ h1, h2, h3, h4 {
/* Header */
#header {
margin: 0;
- padding: 16px;
+ padding: 16px 0 0;
text-align: center;
background: #222;
color: #0f0;
@@ -30,16 +30,19 @@ h1, h2, h3, h4 {
}
#tagline {
- margin: 0;
+ margin: 0 auto;
+ padding: 0 0 8px;
font-size: .9em;
- color: #39e639;
+ color: #72bbfa;
+ border-bottom: 1px solid #fff;
+ width: 304px;
}
/* Navigation */
#nav {
width: 100%;
- margin: 16px 0 0;
+ margin: 8px 0 0;
padding: 0;
text-align: center;
}
@@ -52,13 +55,17 @@ h1, h2, h3, h4 {
}
#nav li {
+ /*width: 61px;*/
+ margin: 0;
display: inline-block;
list-style: none;
- padding: 0 1em 0;
+ padding: 4px 8px;
+ background-color: #fff;
+ border-radius: 2px 2px 0 0;
}
#nav a {
- color: #b9f73e;
+ color: #428bca;
}
/* Main body */
@@ -95,6 +102,7 @@ h1, h2, h3, h4 {
margin: 0;
padding: .5em;
clear: both;
- background: #fff;
+ background: #222;
+ color: #fff;
font-size: 1em;
}
diff --git a/src/static/img/ian-280.jpg b/src/static/img/ian-280.jpg
new file mode 100644
index 0000000..25210b9
Binary files /dev/null and b/src/static/img/ian-280.jpg differ
diff --git a/src/static/img/ian.jpg b/src/static/img/ian-original.jpg
similarity index 100%
rename from src/static/img/ian.jpg
rename to src/static/img/ian-original.jpg
diff --git a/src/templates/base.html b/src/templates/base.html
index 81e9b42..f1bfacd 100644
--- a/src/templates/base.html
+++ b/src/templates/base.html
@@ -8,17 +8,15 @@
-
+
{% block extrastyle %}{% endblock extrastyle %}
-
-