/**
 * api: css
 * type: stylesheet
 * title: freshcode.club layout+style
 * description: Simulates the late freecode.com layout and looks; well mostly.
 * version: 0.6.4.1
 *
 * Centered two-pane layout. The #main section is usually 33% of the screen width,
 * while the #sidebar floats at the right. They're repositioned only using padding:
 * to the outer html,body{}.
 *
 */

................................................................................



/**
 * Specific pages
 *
 */





















table.rc {
   width: 100%;
   margin-top: 5pt;
}
.rc th {
   background: #ddd;
   font-weight: 500;

/**
 * api: css
 * type: stylesheet
 * title: freshcode.club layout+style
 * description: Simulates the late freecode.com layout and looks; well mostly.
 * version: 0.6.5
 *
 * Centered two-pane layout. The #main section is usually 33% of the screen width,
 * while the #sidebar floats at the right. They're repositioned only using padding:
 * to the outer html,body{}.
 *
 */

................................................................................



/**
 * Specific pages
 *
 */

/* /names */
.project-name-columns {
   column-count: 6;
   column-gap: 20pt;
   column-break-inside: avoid;
}
.project-name-columns a {
   display: inline-block;
   margin: 11pt;
   white-space: nowrap;
   color: #337;
   font-weight: 700;
   text-align: center;
}
.project-name-columns a img {
   display: block;
   box-shadow: 1px 1px 2px 1px #eee;
}

/* RecentChanges */
table.rc {
   width: 100%;
   margin-top: 5pt;
}
.rc th {
   background: #ddd;
   font-weight: 500;

<?php
/**
 * type: page
 * title: Browse Projects by Name
 * description: Alphabetical project lists
 * version: 0.1
 *
 * Needs some styling, too early for splitting up letter ranges.
 *
 */


include("template/header.php");
?><section id=main><article class=project-name-columns><?php


// Letter slicing (AZ or 09)
$letters = $_GET->name->length…2->strtolower->default("name", "ae");
$letters = range($letters[0], $letters[1]);

// Fetch project names from letter group
$names = db("
   SELECT DISTINCT name
     FROM release
    WHERE substr(name, 1, 1) IN (??)
 ORDER BY name
", $letters);

// Show
foreach ($names as $id) {
    print "<a href=/projects/$id[name]><img src='img/screenshot/$id[name].jpeg' width=100 height=75 align=top> $id[name]</a> <br> ";
}


?>
</article>
<aside class=pagination-links>
  <a href="names/AE">A-E</a>
  <a href="names/FH">F-H</a>
  <a href="names/IN">I-N</a>
  <a href="names/OT">O-T</a>
  <a href="names/UZ">U-Z</a>
  <a href="names/09">0-9</a>
</aside>
<?php

include("template/bottom.php");


?>