Skip to content
Permalink
Browse files

Updates featured sites on homepage

  • Loading branch information...
davidmerfield committed Sep 12, 2019
1 parent 64c57b2 commit 50653729e6e6926c1bb8ff57c675360201532a05
Showing with 27 additions and 46 deletions.
  1. +2 −2 app/brochure/routes/featured/build.js
  2. +9 −1 app/brochure/routes/featured/index.js
  3. BIN app/brochure/views/images/featured/afc.letterspace.org.jpg
  4. BIN app/brochure/views/images/featured/benlog.net.jpg
  5. BIN app/brochure/views/images/featured/bitdepth.org.jpg
  6. BIN app/brochure/views/images/featured/blog.amitgawande.com.jpg
  7. BIN app/brochure/views/images/featured/blog.andrewjanjigian.com.jpg
  8. BIN app/brochure/views/images/featured/blog.aurynn.com.jpg
  9. BIN app/brochure/views/images/featured/blog.tomwhite.io.jpg
  10. BIN app/brochure/views/images/featured/com.johnbeeler.com.jpg
  11. BIN app/brochure/views/images/featured/diary.craigwhite.nyc.jpg
  12. BIN app/brochure/views/images/featured/discombobulated.co.nz.jpg
  13. BIN app/brochure/views/images/featured/eli.li.jpg
  14. BIN app/brochure/views/images/featured/hannautkin.com.jpg
  15. BIN app/brochure/views/images/featured/iiiiiiiii.in.jpg
  16. BIN app/brochure/views/images/featured/john.pavlusoffice.com.jpg
  17. BIN app/brochure/views/images/featured/journal.cheribaker.com.jpg
  18. BIN app/brochure/views/images/featured/juicenews.com.jpg
  19. BIN app/brochure/views/images/featured/keywords.oxus.net.jpg
  20. BIN app/brochure/views/images/featured/kiefer.design.jpg
  21. BIN app/brochure/views/images/featured/mariusmasalar.me.jpg
  22. BIN app/brochure/views/images/featured/mrfris.by.jpg
  23. BIN app/brochure/views/images/featured/paul.af.jpg
  24. BIN app/brochure/views/images/featured/photos.rachelpietraszek.com.jpg
  25. BIN app/brochure/views/images/featured/rafagarces.com.jpg
  26. BIN app/brochure/views/images/featured/rile.yt.png
  27. BIN app/brochure/views/images/featured/shashwati.com.jpg
  28. BIN app/brochure/views/images/featured/shawn.medero.net.jpg
  29. BIN app/brochure/views/images/featured/tyler.vc.jpg
  30. BIN app/brochure/views/images/featured/www.alexgibson.nyc.png
  31. BIN app/brochure/views/images/featured/www.andrew-bishop.com.jpg
  32. BIN app/brochure/views/images/featured/www.chrbutler.com.png
  33. BIN app/brochure/views/images/featured/www.crossingthethreshold.net.jpg
  34. BIN app/brochure/views/images/featured/www.dmatthams.co.uk.png
  35. BIN app/brochure/views/images/featured/www.enzel.io.jpg
  36. BIN app/brochure/views/images/featured/www.failuretolerated.com.jpg
  37. BIN app/brochure/views/images/featured/www.inextenso.dev.jpg
  38. BIN app/brochure/views/images/featured/www.inthemargins.ca.jpg
  39. BIN app/brochure/views/images/featured/www.ishshah.me.jpg
  40. BIN app/brochure/views/images/featured/www.jacobyyoung.com.png
  41. BIN app/brochure/views/images/featured/www.jmablog.com.jpg
  42. BIN app/brochure/views/images/featured/www.kristianhjelle.com.jpg
  43. BIN app/brochure/views/images/featured/www.matthewbattles.org.jpg
  44. BIN app/brochure/views/images/featured/www.querlin.com.jpg
  45. BIN app/brochure/views/images/featured/www.rebeccatron.com.jpg
  46. BIN app/brochure/views/images/featured/www.seanmcdevitt.com.jpg
  47. BIN app/brochure/views/images/featured/www.skincarriedaway.com.jpg
  48. BIN app/brochure/views/images/featured/www.souloftheimage.com.jpg
  49. BIN app/brochure/views/images/featured/www.thingelstad.com.jpg
  50. BIN app/brochure/views/images/featured/www.tillmanjex.info.png
  51. BIN app/brochure/views/images/featured/www.withbb.com.jpg
  52. BIN app/brochure/views/images/featured/zacharykeeting.com.png
  53. +16 −43 app/brochure/views/index.html
@@ -108,8 +108,8 @@ function generateAvatars(source, destination, callback) {
function createFavicon(favicon, host, callback) {
sharp(favicon.input)
.resize({
width: 48,
height: 48,
width: 64,
height: 64,
fit: sharp.fit.cover,
position: sharp.strategy.entropy
})
@@ -50,10 +50,18 @@ function check() {
module.exports = function(req, res, next) {

// Strip the 'www' from the host property for aesthetics
res.locals.featured = featured.map(function(site){
res.locals.featured = featured.slice().map(function(site){
site.host = site.host.split("www.").join("");
site.template = site.template || {};
site.template.label = site.template.label || 'Default';
return site;
});

res.locals.featured.sort(function(a,b){
return Math.round(Math.random()*2) - 1;
});

res.locals.featured = res.locals.featured.slice(0,16);

next();
};
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
Diff not rendered.
@@ -84,24 +84,23 @@ <h1>A blogging platform with no interface</h1>

<div class="">
<p>Blot comes with seven <a href="/templates">templates</a>. They make it easy to start a blog, portfolio or link blog. You can also <a href="/developers">develop your own template</a> from scratch. Here's some the people who use Blot to host their website:</p>
<br><br>
<br>
</div>

<style type="text/css">
a.featured {
position: relative;
flex-basis: 100%;
min-width: 200px;
padding: 0 1.4em;
/* font-size: 14px;
*/ color: inherit;
display: flex;
flex-wrap:wrap;
/* text-align: center;
*/ margin-bottom: 2.8em;
color: inherit;
box-sizing: border-box;
margin: 0 1em 0 -0.1525em;
padding: 1em 1.4em 1em 3.6em;
border-bottom: 1px solid #eee;
}
a.featured:last-child {border-bottom: none;}
@media screen and (max-width: 800px) {
a.featured {flex-basis:100%}
}
@@ -140,49 +139,23 @@ <h1>A blogging platform with no interface</h1>
margin-right: 0.5em;
}
.feat-window {
margin: 0 1em 0 -0.1525em;
color: #005eb8;
position: relative;
flex-grow:1;
flex-basis:35%;
min-width:200px;
max-width: 300px;
border:1px solid #005eb8;border-radius:3px;display:block;text-align:center;margin-bottom:0.7em
}
.feat-arrow {background: red;width: 2em;height: 2em;border-radius: 2em;line-height:2em;text-align:center;position: absolute;
top: -0.7em;right: -0.7em;color: white;border:3px solid white;opacity: 0}
a.featured:hover .feat-arrow {opacity: 1}
a.featured:hover .feat-dot,
a.featured:hover .feat-window,
a.featured:hover .feat-toolbar,
a.featured:hover .a {
color:red;border-color: red
}
.featured:hover .a {background: #eee;outline: 4px solid #eee }
</style>
<div style="display:flex;flex-direction:row;flex-wrap:wrap;margin:0 -1.4em">
<div style="display:flex;flex-direction:row;flex-wrap:wrap;">
{{#featured}}
<a class="featured col-25" target="_blank" rel="noopener" href="{{{link}}}">
<a class="featured" target="_blank" rel="noopener" href="{{{link}}}">

<span style="flex-basis:40%;flex-grow:1;padding-right:8%;padding-left:2.7em">
<img style="width:22px;height:22px;position:absolute;top:3px;left:1.5em" src="{{{favicon}}}">
<span class="a">{{name}}</span> {{bio}}.<small style="margin-top:1em;margin-bottom:2em;color:#989694;display:block;font-size:14px;">{{firstName}} uses {{#if template.custom}}a <span class="-a"href="/developers">custom</span>{{else}} the <span class="-a" href="/templates/{{template.slug}}">{{template.label}}</span>{{/if}} template.</small></span>
</span>
<span class="feat-window">
<span class="feat-arrow">↗</span>
<span class="feat-toolbar">
<span class="feat-dot"></span>
<span class="feat-dot"></span>
<span class="feat-dot"></span>
</span>
<br><span class="-a" style="font-size:14px;display:block;padding:1em 0 0;">{{host}}</span>
<br> <br>
</span>

<img style="border-radius:50%;width:32px;height:32px;position:absolute;top:1em;left:0em" src="{{{favicon}}}">

<span class="a">{{name}}</span> {{bio}}. {{firstName}} uses {{#if template.custom}}a <span class="-a"href="/developers">custom</span>{{else}} the <span class="-a" href="/templates/{{template.slug}}">{{template.label}}</span>{{/if}} template.</span>

</a>
{{/featured}}
</div>

0 comments on commit 5065372

Please sign in to comment.
You can’t perform that action at this time.