diff --git a/database/fill-visits.js b/database/fill-visits.js index c68b138..2f9dc4c 100644 --- a/database/fill-visits.js +++ b/database/fill-visits.js @@ -2,9 +2,9 @@ var con = require('./db'); sql = "INSERT INTO visits (date, img, comment, site_id) VALUES ?"; val = [ - ['10-15-2019','https://seanland.ca', 'This is a comment about the place I went, or some details max 1000 characters. They are not supposed to be super long - but you can write a bit.' ,'203'], - ['10-17-2019','https://seanland.ca', 'This is a comment about the place I went, or some details max 1000 characters. They are not supposed to be super long - but you can write a bit.' ,'169'], - ['01-17-2020','https://seanland.ca', 'This is a comment about the place I went, or some details max 1000 characters. They are not supposed to be super long - but you can write a bit.' ,'520'], + ['08-06-2018','/images/20180806_141233.png', 'The one picture featuring a guest appearance. Please welcome Diana!' ,'1475'], + ['10-17-2016','/images/20161017_111122.png', 'No Comment.' ,'917'], + ['10-17-2016','/images/20161017_150044.png', 'No Comment.' ,'918'], ['11-23-2019','https://seanland.ca', 'This is a comment about the place I went, or some details max 1000 characters. They are not supposed to be super long - but you can write a bit.' ,'520'] ]; diff --git a/public/stylesheets/main.css b/public/stylesheets/main.css index de8608b..67dbeb6 100644 --- a/public/stylesheets/main.css +++ b/public/stylesheets/main.css @@ -81,3 +81,19 @@ h1#title { margin: 0px; padding: 0px; } + +.site-visit { + margin-top: 32px; + margin-bottom: 32px; + width: 400px; + text-align: center; +} + +.site-visit img { + width: 200px; + border-radius: 5px; +} + +.site-visit p { + margin: 8px; +} diff --git a/views/site.pug b/views/site.pug index 75dbc6c..07ffbee 100644 --- a/views/site.pug +++ b/views/site.pug @@ -16,8 +16,11 @@ block content if visits h2(class="visits")= "Visits" each visit in visits - p #{visit.date}: #{visit.img} at the site: #{visit.site_id} - p #{visit.comment} + div(class="site-visit") + img(src=visit.img alt=site.site) + p #{visit.date} + p #{visit.comment} + else h2(class="visits")= "This site has yet to be visited. Soon... "