added more art and dev content

This commit is contained in:
aj 2019-02-17 14:10:42 +00:00
parent f92b55c95a
commit 8dff201bde
11 changed files with 79 additions and 3 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 MiB

BIN
static/art/chimp.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.5 MiB

BIN
static/art/gorilla.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.9 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

BIN
static/art/tyler.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.1 MiB

BIN
static/art/zu.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.9 MiB

View File

@ -22,6 +22,25 @@ p {
padding: 10px; padding: 10px;
} }
.button {
background-color: white;
color: black;
border-radius: 10px;
display: inline-block;
margin: 4px auto;
cursor: pointer;
text-align: center;
padding: 15px;
text-decoration: none;
box-shadow: 2px 2px 4px black;
-webkit-transition-duration: 0.4s;
transition-duration: 0.4s;
}
.button:hover {
box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
}
.row { .row {
margin:auto; margin:auto;
} }
@ -30,13 +49,13 @@ p {
height: auto; height: auto;
border: 6px solid #484c55; border: 6px solid #484c55;
margin: 5px; margin: 5px;
box-shadow: 7px 7px 8px #000000;
} }
div.gallerystrip { div.gallerystrip {
width: 100%; width: 100%;
margin: auto; margin: auto;
margin-top: 15px; margin-top: 15px;
box-shadow: 7px 7px 8px #000000;
} }
div.profile { div.profile {
@ -91,9 +110,9 @@ div.card h1 {
.card img { .card img {
width: 100%; width: 100%;
border: 3px solid #484c55;
border-radius: 3px; border-radius: 3px;
margin-bottom: 8px; margin-bottom: 8px;
box-shadow: 2px 2px 2px black;
} }
.card p { .card p {
@ -140,6 +159,20 @@ ul.navbar a:hover {
ul.navbar li.right {float: right;} ul.navbar li.right {float: right;}
footer p {
text-align: right;
font-size: 12px;
}
footer a {
margin-top: 10px;
margin-bottom: 10px;
text-align: right;
display: block;
color: grey;
font-size: 12px;
}
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
ul.navbar li.right, ul.navbar li.right,
ul.navbar li {float: none;} ul.navbar li {float: none;}

View File

@ -16,9 +16,44 @@
<img src="{{ url_for('static', filename='art/self.jpg') }}" alt="me" class="col-pad-4"> <img src="{{ url_for('static', filename='art/self.jpg') }}" alt="me" class="col-pad-4">
<p><b>self portrait</b></p> <p><b>self portrait</b></p>
</div> </div>
<div class="card col-pad-4">
<img src="{{ url_for('static', filename='art/tyler.jpg') }}" alt="tyler, the creator" class="col-pad-4">
<p><b>tyler, the creator</b></p>
</div>
</div>
<div class="row">
<h1 class="sectiontitle">animals</h1>
</div>
<div class="row">
<div class="card col-pad-4">
<img src="{{ url_for('static', filename='art/gorilla.jpg') }}" alt="gorilla" class="col-pad-4">
<p><b>gorilla</b></p>
</div>
<div class="card col-pad-4">
<img src="{{ url_for('static', filename='art/zu.jpg') }}" alt="zuma" class="col-pad-4">
<p><b>zuma</b></p>
</div>
<div class="card col-pad-4"> <div class="card col-pad-4">
<img src="{{ url_for('static', filename='art/horse.jpg') }}" alt="temptation of saint anthony" class="col-pad-4"> <img src="{{ url_for('static', filename='art/horse.jpg') }}" alt="temptation of saint anthony" class="col-pad-4">
<p><b>the temptation of saint anthony / salvador dalí</b></p> <p><b>the temptation of saint anthony / salvador dalí</b></p>
</div> </div>
</div> </div>
<div class="row">
<h1 class="sectiontitle">life drawing</h1>
</div>
<div class="row">
<div class="card col-pad-4">
<img src="{{ url_for('static', filename='art/brownstilllife.jpg') }}" alt="brown" class="col-pad-4">
<p><b>white and brown</b></p>
</div>
<div class="card col-pad-4">
<img src="{{ url_for('static', filename='art/outlinestilllife.jpg') }}" alt="outline" class="col-pad-4">
<p><b>minimal outline</b></p>
</div>
<div class="card col-pad-4">
<img src="{{ url_for('static', filename='art/redandbluestilllife.jpg') }}" alt="red and blue" class="col-pad-4">
<p><b>red and blue</b></p>
</div>
</div>
{% endblock %} {% endblock %}

View File

@ -22,5 +22,8 @@
</ul> </ul>
{% block content %}{% endblock %} {% block content %}{% endblock %}
<footer>
<a href="https://github.com/Sarsoo/sarsoo.xyz">view source code</a>
</footer>
</body> </body>
</html> </html>

View File

@ -4,6 +4,11 @@
{% block content %} {% block content %}
<div class="row"> <div class="row">
<div class="col-pad-6 card">
<h1>fm framework</h1>
<p>a client for last.fm music tracking written in java</p>
<p>this project was important for learning how to interact with REST APIs and implementing knowledge from my java classes at uni</p>
<a href="https://github.com/Sarsoo/fmframework" style="width:100%;" class="button">view source</a>
</div>
</div> </div>
{% endblock %} {% endblock %}