Skip to content

Instantly share code, notes, and snippets.

@problem
Created September 10, 2015 21:43
Show Gist options
  • Save problem/eb158298822b70f8df56 to your computer and use it in GitHub Desktop.
Save problem/eb158298822b70f8df56 to your computer and use it in GitHub Desktop.
<html>
<head>
<title>Design @ MI</title>
<meta name="robots" content="noindex">
<link href='https://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
<style>
body {font-family: arial;
color: #666;
padding:40px;}
h2 {font-family: 'Droid Serif', Georgia, serif; font-size: 16px; font-weight:normal; color:ccc;}
ul li {border:2px solid #fff; font-size: 14px; list-style: none;}
ul {font-size: 14px;}
a {color:#1C6D75; text-decoration: none; border:2px solid #fff;}
a:hover {background-color: #eee; border:2px solid #eee;}
</style>
</head>
<body>
<?php
if ($handle = opendir('.')) {
while (false !== ($file = readdir($handle)))
{
if ($file != "." && $file != ".." && $file != "index.php" && $file != "favicon.ico")
{
$thelist .= '<li><a href="'.$file.'">'.$file.'</a></li>';
}
}
closedir($handle);
}
?>
<h2>Metric Insights Design</h2>
<ul>
Source Files
<?=$thelist?>
</ul>
<ul>
Reference
<li><a href="http://sketchshortcuts.com">Sketch Shortcuts</a></li>
<li><a href="http://www.sketchtips.info">Sketch Tips</a></li>
<li><a href="http://fortawesome.github.io/Font-Awesome/3.2.1/cheatsheet/">FontAwesome Cheatsheet</a></li -->
<li><a href="https://github.com/encharm/Font-Awesome-SVG-PNG/tree/master/black/svg">FontAwesome SVGs</a></li>
<!-- li><a href=""></a></li -->
</ul>
</body>
</html>
@kordero
Copy link

kordero commented Sep 10, 2015

try this:

<html>
<head>
  <title>Design @ MI</title>
  <meta name="robots" content="noindex">
  <link href='https://fonts.googleapis.com/css?family=Droid+Serif' rel='stylesheet' type='text/css'>
  <style>
  body {font-family: arial;
        color: #666;
      padding:40px;}
        h2 {font-family: 'Droid Serif', Georgia, serif; font-size: 16px; font-weight:normal; color:ccc;}
  ul li {border:2px solid #fff; font-size: 14px; list-style: none;}
  ul {font-size: 14px;}

  a {color:#1C6D75; text-decoration: none; border:2px solid #fff;}
  a:hover {background-color: #eee; border:2px solid #eee;}
  </style>
</head>
<body>
  <?php
    $thelist = array();
    if ($handle = opendir('.')) {
      while (false !== ($file = readdir($handle))) {
        if ($file != "." && $file != ".." && $file != "index.php" && $file != "favicon.ico") {
          $thelist[] = $file;
        }
      }
      asort($thelist);
      closedir($handle);
    }
  ?>
  <h2>Metric Insights Design</h2>
  <ul>
    Source Files
    <?php foreach($thelist as $file): ?>
      <li><a href="<?php echo $file ?>"><?php echo $file ?></a></li>
    <?php endforeach; ?>
  </ul>
  <ul>
    Reference
    <li><a href="http://sketchshortcuts.com">Sketch Shortcuts</a></li>
    <li><a href="http://www.sketchtips.info">Sketch Tips</a></li>
    <li><a href="http://fortawesome.github.io/Font-Awesome/3.2.1/cheatsheet/">FontAwesome Cheatsheet</a></li -->
    <li><a href="https://github.com/encharm/Font-Awesome-SVG-PNG/tree/master/black/svg">FontAwesome SVGs</a></li>
    <!-- li><a href=""></a></li -->
  </ul>
  </body>
</html>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment