diff --git a/static/art/horse.jpg b/static/art/horse.jpg
new file mode 100644
index 0000000..1621363
Binary files /dev/null and b/static/art/horse.jpg differ
diff --git a/static/art/self.jpg b/static/art/self.jpg
new file mode 100644
index 0000000..2cc84c9
Binary files /dev/null and b/static/art/self.jpg differ
diff --git a/static/bodystyle.css b/static/bodystyle.css
deleted file mode 100644
index ce23d91..0000000
--- a/static/bodystyle.css
+++ /dev/null
@@ -1,7 +0,0 @@
-h3 {
-
- color: white;
- font-family: 'Ubuntu', sans-serif;
- font-size: 12px;
-
-}
diff --git a/static/style.css b/static/style.css
index 76dcbe1..37b211e 100644
--- a/static/style.css
+++ b/static/style.css
@@ -1,71 +1,116 @@
+* {
+ box-sizing: border-box;
+}
+
+html {
+ font-family: 'Open Sans', arial;
+}
+
body {
- background-color: #51688e;
-}
-
-h1 {
- color: white;
- font-family: 'Ubuntu', sans-serif;
- font-size: 14vw;
- text-shadow: 3px 3px 3px #aaa;
-}
-
-h3 {
- color: white;
- font-family: 'Ubuntu', sans-serif;
- font-size: 4vw;
- text-shadow: 3px 3px 3px #aaa;
+ background-color: #111725;
}
a {
color: white;
- font-family: 'Ubuntu', sans-serif;
font-size: 20px;
- text-shadow: 2px 2px 2px #aaa;
+ /*text-shadow: 1px 1px 1px #aaa;*/
}
p {
color: white;
- font-family: 'Ubuntu', sans-serif;
- font-size: 4vw;
- text-shadow: 2px 2px 2px #aaa;
+ font-size: 20px;
+ padding: 10px;
}
+.gallerystrip img {
+ height: auto;
+ margin: 0px;
+ border: 6px solid #484c55;
+}
-.header {
- background-color: #58518e;
+div.gallerystrip {
+ width: 100%;
+ margin: auto;
+}
+
+h1.title {
+ color: white;
+ font-size: 14vw;
+ font-family: 'Megrim', arial;
+ text-shadow: 2px 2px 2px #aaa;
+
+ background-color: #070c1a;
padding: 0px;
- width: 60vw;
+ width: 45vw;
height: 18vw;
text-align: center;
margin: auto;
}
-.navbar {
+ul.navbar {
list-style-type: none;
- margin: 0;
+ border-radius: 5px 15px;
+ box-shadow: 5px 5px grey;
+ margin: 10px;
padding: 0;
overflow: hidden;
- background-color: #333;
+ background-color: #1e2028;
+
}
-.navbar li {
+ul.navbar li {
float: left;
position: -webkit-sticky;
position: sticky;
top: 0;
}
-.navbar a {
+ul.navbar li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
+ -webkit-transition: background-color 0.4s;
+url_for('static', filename='style.css') transition: background-color 0.4s;
}
-.navbar a:hover {
- background-color: #111;
+ul.navbar a:hover {
+ background-color: #00030a;
}
+
+ul.navbar li.right {float: right;}
+
+@media only screen and (max-width: 500px) {
+ ul.navbar li.right,
+ ul.navbar li {float: none;}
+}
+
+[class*="col-"] {
+ float: left;
+ width: 100%;
+}
+
+@media only screen and (min-width: 768px) {
+ /* For desktop: */
+ .col-1 {width: 8.33%;}
+ .col-2 {width: 16.66%;}
+ .col-3 {width: 25%;}
+ .col-4 {width: 33.33%;}
+ .col-5 {width: 41.66%;}
+ .col-6 {width: 50%;}
+ .col-7 {width: 58.33%;}
+ .col-8 {width: 66.66%;}
+ .col-9 {width: 75%;}
+ .col-10 {width: 83.33%;}
+ .col-11 {width: 91.66%;}
+ .col-12 {width: 100%;}
+}
+
+.row::after {
+ content: "";
+ clear: both;
+ display: table;
}
diff --git a/templates/art.html b/templates/art.html
deleted file mode 100644
index bbf7fca..0000000
--- a/templates/art.html
+++ /dev/null
@@ -1,28 +0,0 @@
-
-
-
- sarsoo
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/templates/base.html b/templates/base.html
new file mode 100644
index 0000000..84f3bba
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,23 @@
+
+
+
+ sarsoo/{% block title %}{% endblock %}
+
+
+
+
+
+
+
andy
+
+
+
+
+ {% block content %}{% endblock %}
+
+
diff --git a/templates/index.html b/templates/index.html
index 26dcd14..1d93361 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -1,21 +1,16 @@
-
-
-
- sarsoo
-
-
-
-
-
-  }} )
-
-  }})
+  }})
+  }})
+