Browse Source

updated styles, visit images have been added to sites

master
Sean Clarke 2 months ago
parent
commit
476bde82de
3 changed files with 24 additions and 5 deletions
  1. +3
    -3
      database/fill-visits.js
  2. +16
    -0
      public/stylesheets/main.css
  3. +5
    -2
      views/site.pug

+ 3
- 3
database/fill-visits.js View File

@@ -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']
];



+ 16
- 0
public/stylesheets/main.css View File

@@ -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;
}

+ 5
- 2
views/site.pug View File

@@ -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... "


Loading…
Cancel
Save