Mirror of https://github.com/roostorg/playground github.com/roostorg/playground
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

index: tweak layout, remove placeholders, open links in new tab

+4 -39
+3 -38
index.html
··· 6 6 <p>{{ site.description }}</p> 7 7 <p>Projects on this page are not developed or endorsed by ROOST, and may not be intended for production use. Check each project’s documentation for details.</p> 8 8 <ul id="projects"> 9 - {% for project in site.data.projects %} 9 + {% assign projects = site.data.projects | sort: 'title' %} 10 + {% for project in projects %} 10 11 <li> 11 - <a href="{{ project.url }}"> 12 + <a href="{{ project.url }}" target="_blank"> 12 13 <h2>{{ project.title }}</h2> 13 14 <p>{{ project.description }}</p> 14 15 {% for tag in project.tags %} ··· 17 18 </a> 18 19 </li> 19 20 {% endfor %} 20 - <li> 21 - <a href="#"> 22 - <h2>Project name</h2> 23 - <p>Brief project description</p> 24 - </a> 25 - </li> 26 - <li> 27 - <a href="#"> 28 - <h2>Different project name</h2> 29 - <p>Brief but slightly longer project description</p> 30 - </a> 31 - </li> 32 - <li> 33 - <a href="#"> 34 - <h2>Another project name</h2> 35 - <p>Briefer project description</p> 36 - </a> 37 - </li> 38 - <li> 39 - <a href="#"> 40 - <h2>Project name</h2> 41 - <p>Brief project description</p> 42 - </a> 43 - </li> 44 - <li> 45 - <a href="#"> 46 - <h2>Project name</h2> 47 - <p>Brief project description</p> 48 - </a> 49 - </li> 50 - <li> 51 - <a href="#"> 52 - <h2>Project name</h2> 53 - <p>Brief project description</p> 54 - </a> 55 - </li> 56 21 </ul>
+1 -1
style.css
··· 100 100 border-radius: 1em; 101 101 color: inherit; 102 102 display: block; 103 - max-width: calc(var(--max-width) / 2); 103 + max-width: calc(var(--max-width) / 3 - 3em); 104 104 padding: 1em 1.5em; 105 105 text-decoration: none; 106 106 }