Browse Source

tweaked some visuals in site

master
Sean Clarke 8 months ago
parent
commit
4c28ef12b5
4 changed files with 32 additions and 17 deletions
  1. +1
    -1
      controllers/sites.js
  2. +12
    -2
      public/stylesheets/main.css
  3. +10
    -8
      views/site-listing.pug
  4. +9
    -6
      views/site.pug

+ 1
- 1
controllers/sites.js View File

@@ -54,7 +54,7 @@ module.exports = {
if(err) throw err;
Site.findAllById(uniqueSites, function(err, uniqueSiteVisits){
if(err) throw err;
res.render('site-listing', { title: "UniqueSiteVisits", sites: uniqueSiteVisits });
res.render('site-listing', { title: "Sites Visited", sites: uniqueSiteVisits });
});
});
}


+ 12
- 2
public/stylesheets/main.css View File

@@ -46,7 +46,7 @@ a {
display: inline;
}

h2 {
h1, h2.visits {
color: var(--neon-blue);
}

@@ -68,6 +68,16 @@ span.num {
color: var(--neon-purple)
}

#title, #sub-title, #footer {
#title, #sub-title, #footer, h2.visits {
text-align: center;
}

h1#title {
margin-bottom: 8px;
}

#sub-title h2, #sub-title h5 {
color: white;
margin: 0px;
padding: 0px;
}

+ 10
- 8
views/site-listing.pug View File

@@ -6,13 +6,15 @@ block content
h2= "Sites: " + sites.length
each site in sites
h3 #[a(href="/sites/" + site.slug) #{site.site}]
//- Commmand list of all the states
h5
- var states = site.states.split(',')
- for (var i = 0; i < states.length; i++)
| #{states[i]}
if (i + 1 < states.length)
| ,
div(class="listing")
h3(class="site") #[a(class="remaining" href="/sites/" + site.slug) #{site.site}]
//- Commmand list of all the states
h5(class="state")
- var states = site.states.split(',')
- for (var i = 0; i < states.length; i++)
| #{states[i]}
if (i + 1 < states.length)
| ,


include footer.pug

+ 9
- 6
views/site.pug View File

@@ -2,20 +2,23 @@ extends layout

block content
h1(id="title")= site.site
h3(id="sub-title")= "Date Inscribed: " + site.date_inscribed
img(src= site.img_url alt= site.site)
h4= "Located: " + site.latitude + " " + site.longitude
div(id="sub-title")
h2= site.date_inscribed
h5= site.latitude + " " + site.longitude
h5= site.category

//- img(src= site.img_url alt= site.site)

h5= site.category
.content
p #{site.description}
if visits
h2= "Visits"
h2(class="visits")= "Visits"
each visit in visits
p #{visit.date}: #{visit.img} at the site: #{visit.site_id}
else
h2= "This site has yet to be visited. Soon... "
h2(class="visits")= "This site has yet to be visited. Soon... "
include footer.pug

Loading…
Cancel
Save