shell script to create a static HTML directory listing

Question

So I\'m creating a GitHub Pages site to list all of the Gifs in my jglovier/gifs repo. GH Pages runs only static HTML/CSS/JS or Jekyll, so I cannot use an apache directory listi

Answer 1

Simple enough with no empty dirs (although can get empty ones at end of script and append them simply anyway)

#!/bin/bash
root="root"
echo "
"
for file in "$root"/*/*; do
  parentpath="${file#*/}"
  parent="${parentpath%/*}"
  filename="${file##*/}"
  if [[ -z $oldparent ]]; then
    echo "  
 $parent 
" && oldparent="$parent"
    echo "  
"
  elif [[ $oldparent != $parent ]]; then
    echo "  
"
    echo "  
 $parent 
" && oldparent="$parent"
    echo "  
"
  fi
  echo "    
$filename
"
done
echo "  
"
echo "
" 

e.g.

$ ./abovescript

  
 accidents 
  

    
accident2.gif
    
accident3.gif
    
accident4.gif
  
  
 bears 
  

    
bears1.gif
    
bears2.gif
    
bears3.gif
  
  
 cats 
  

    
cats1.gif
    
cats2.gif
    
cats3.gif