UPDATE naming convention of resumes

README.md

@@ -6,12 +6,12 @@ A collection of multiple beautiful resumes build with LESS and Mustache Template
 
 ## Resumes
 
-<a href="public/preview/resume-1.png"><img src="public/preview/resume-1.png" width="150"/></a>
-<a href="public/preview/resume-2.png"><img src="public/preview/resume-2.png" width="150"/></a>
-<a href="public/preview/resume-3.png"><img src="public/preview/resume-3.png" width="150"/></a>
-<a href="public/preview/resume-4.png"><img src="public/preview/resume-4.png" width="150"/></a>
-<a href="public/preview/resume-5.png"><img src="public/preview/resume-5.png" width="150"/></a>
-<a href="public/preview/resume-6.png"><img src="public/preview/resume-6.png" width="150"/></a>
+<a href="public/preview/resume-left-right.png"><img src="public/preview/resume-left-right.png" width="150"/></a>
+<a href="public/preview/resume-side-bar.png"><img src="public/preview/resume-side-bar.png" width="150"/></a>
+<a href="public/preview/resume-oblique.png"><img src="public/preview/resume-oblique.png" width="150"/></a>
+<a href="public/preview/resume-wanted.png"><img src="public/preview/resume-wanted.png" width="150"/></a>
+<a href="public/preview/resume-grey-boxes.png"><img src="public/preview/resume-grey-boxes.png" width="150"/></a>
+<a href="public/preview/resume-spotify.png"><img src="public/preview/resume-spotify.png" width="150"/></a>
 
 ## Getting Started
 

index.html

@@ -17,12 +17,12 @@
 <p>Build your best resume ever!</p>
 <p>A collection of multiple beautiful resumes build with LESS and Mustache Templates. Choose your favorite Curriculum Vitae and easily export it as PDF.</p>
 <h2 id="resumes">Resumes</h2>
-<p><a href="public/preview/resume-1.png"><img src="public/preview/resume-1.png" width="150"/></a>
-<a href="public/preview/resume-2.png"><img src="public/preview/resume-2.png" width="150"/></a>
-<a href="public/preview/resume-3.png"><img src="public/preview/resume-3.png" width="150"/></a>
-<a href="public/preview/resume-4.png"><img src="public/preview/resume-4.png" width="150"/></a>
-<a href="public/preview/resume-5.png"><img src="public/preview/resume-5.png" width="150"/></a>
-<a href="public/preview/resume-6.png"><img src="public/preview/resume-6.png" width="150"/></a></p>
+<p><a href="public/preview/resume-left-right.png"><img src="public/preview/resume-left-right.png" width="150"/></a>
+<a href="public/preview/resume-side-bar.png"><img src="public/preview/resume-side-bar.png" width="150"/></a>
+<a href="public/preview/resume-oblique.png"><img src="public/preview/resume-oblique.png" width="150"/></a>
+<a href="public/preview/resume-wanted.png"><img src="public/preview/resume-wanted.png" width="150"/></a>
+<a href="public/preview/resume-grey-boxes.png"><img src="public/preview/resume-grey-boxes.png" width="150"/></a>
+<a href="public/preview/resume-spotify.png"><img src="public/preview/resume-spotify.png" width="150"/></a></p>
 <h2 id="gettingstarted">Getting Started</h2>
 <p>Follow these instructions to set up this project and create your own CV.</p>
 <h3 id="prerequisites">Prerequisites</h3>

resumes/views/index.mustache

@@ -28,34 +28,12 @@
             <section class="resume-collection">
                 <h3>Resumes</h3>
                 <p>Click one of the resumes to preview.</p>
-                <a class="resume" href="/resume-1">
-                    <img src="/preview/resume-1.png" />
-                    <span class="resume-title">Resume 1</span>
-                </a>
-                <a class="resume" href="/resume-2">
-                    <img src="/preview/resume-2.png" />
-                    <span class="resume-title">Resume 2</span>
-                </a>
-
-                <a class="resume" href="/resume-3">
-                    <img src="/preview/resume-3.png" />
-                    <span class="resume-title">Resume 3</span>
-                </a>
-
-                <a class="resume" href="/resume-4">
-                    <img src="/preview/resume-4.png" />
-                    <span class="resume-title">Resume 4</span>
-                </a>
-
-                <a class="resume" href="/resume-5">
-                    <img src="/preview/resume-5.png" />
-                    <span class="resume-title">Resume 5</span>
-                </a>
-
-                <a class="resume" href="/resume-6">
-                    <img src="/preview/resume-6.png" />
-                    <span class="resume-title">Resume 5</span>
-                </a>
+                {{#resumes}}
+                    <a class="resume" href="/{{path}}">
+                        <img src="/preview/{{path}}.png" />
+                        <span class="resume-title">{{name}}</span>
+                    </a>
+                {{/resumes}}
             </section>
         </main>
     </div>

src/server.js

@@ -19,11 +19,21 @@ function getDirectories(srcpath) {
         .filter(file => file.includes('resume-'))
 }
 
+let resumes = [];
+directories.forEach(dir => {
+    let name = dir.replace('resume-', '');
+    resumes.push({
+        path: dir,
+        name: name.replace('-', ' ')
+    })
+});
+
 app.get('/', (req, res) => {
     res.render('views/layout', {
         partials: {
             content: 'views/index'
-        }
+        },
+        resumes: resumes
     });
 });