From a8723d97789d5d3f8cacaeb452b18166d015a50b Mon Sep 17 00:00:00 2001 From: unpregnant Date: Thu, 16 Feb 2017 21:10:11 +0100 Subject: [PATCH] REMOVE index.html --- index.html | 116 --------------------------------------- test/files/writeFile.txt | 2 +- 2 files changed, 1 insertion(+), 117 deletions(-) delete mode 100755 index.html diff --git a/index.html b/index.html deleted file mode 100755 index 64e15fc..0000000 --- a/index.html +++ /dev/null @@ -1,116 +0,0 @@ - - - - - - - - Best resume ever - - - - -
View on Github
- -
-

best-resume-ever

-

Build your best resume ever!

-

A collection of multiple beautiful resumes build with LESS and Mustache Templates. Choose your favorite Curriculum Vitae and easily export it as PDF.

-

Resumes

-

- - - - -

-


-

Getting Started

-

Follow these instructions to set up this project and create your own CV.

-


-

Prerequisites

-

To run this project, please install node. (See https://nodejs.org/en/download/package-manager/ and https://nodejs.org/en/download/)

-


-

Installation

- -


-

Adjusting your personal information

- -

Everytime you make changes, the app recompiles automatically. This may take a short while. Feel free to adjust font-sizes and other stylings to fit your needs!

-


-

Exporting resumes as PDF

-

With npm run pdf the resumes can be exported. You will find all resumes as PDFs in /pdf.

-

electroshot is used to generate PDFs. convertToPdf() in /src/htmlToPdf.js runs a short bash script for each resume running under localhost:3000/resumes/resume-X. By default the PDF size is A4. For more PDF settings check mixu/electroshot.

-


-

Adjusting stylings and layout

-

This project uses LESS. Under /less global stylings are defined. You will find here imported fonts and the page layout.

-

Each resume has its own directory. For example 'resume-1' is under /resumes/resume-1. Each resume directory contains a Mustache template and a less-file.

-


-

Icons

-

This project contains the Google Material and fontawesome icon sets.

-


-

CSS3 Box-Shadows

-

Due to this Chrome bug, CSS3 box-shadows are not rendered properly in the PDF files. The solution is to add this styling to elements with box-shadows:

-
-webkit-print-color-adjust:exact;
--webkit-filter:opacity(1);
-
-

Unfortunately, fonts and images get blurred and lose quality. Therefore fixBoxShadows() in /src/javascript.js fixes this bug, by

-
    -
  1. searching for all elements with a box-shadow,
    2. -
  2. removing the box-shadow,
    3. -
  3. adding a new and absolute positioned element (with same size, position, border-radius and box-shadow) to the HTMl body,
    4. -
  4. and adding the stylings for -webkit-print-color-adjust and -webkit-filter to the new element.
    5. -
-

If shadows may be displayed wrong, please check that the element with a box-shadow has a proper height, width and positioning.

-


-

Adding fonts

-

To add a font to the project, search for the npm-module of the desired font, e.g. roboto-fontface for 'Roboto'. Add dependency to package.json with npm i --save, e.g. npm i --save roboto-fontface.

-

Create a new less file in /less/fonts, e.g. 'roboto.less'. /node_modules are accessable through localhost:3000. That means if the corresponding woff-file is under /node_modules/roboto-fontface/anyFont.woff the source url needs to equal /roboto-fontface/anyFont.woff:

-
@font-face {
-    font-family: 'Roboto';
-    src: url('/roboto-fontface/fonts/Roboto/Roboto-Thin.eot');
-    src: local('Roboto Thin'), local('Roboto-Thin'), url('/roboto-fontface/fonts/Roboto/Roboto-Thin.woff') format('woff'), url('/roboto-fontface/fonts/Roboto/Roboto-Thin.ttf') format('truetype')
-    font-weight: 100;
-    font-style: normal;
-}
-
-

Import new less file in /less/fonts.less:

-
@import "fonts/opensans.less";
-@import "fonts/montserrat.less";
-@import "fonts/raleway.less";
-@import "fonts/opensans-condensed.less";
-@import "fonts/material-design-icons.less";
-@import "fonts/roboto.less";
-
-


-

Adding a template

-

Follow these steps:

- -

Sample content of index.mustache:

-
<page class="a4">
-    <div id="resume1" class="resume">
-      <!-- Content goes here -->
-    </div>
-</page>
-
-

For further reference, check out existing templates.

-


-

Contribute

-

Feel free to create your own templates. Please read this documentation carefully. After adding your template please add a preview as in /public/preview and add it to the README. Compile index.html for github Pages with npm run readme. If needed, adjust styling of github Pages in /less/githubPages.less.

-
- - - - diff --git a/test/files/writeFile.txt b/test/files/writeFile.txt index c4ec6b8..a3ab486 100644 --- a/test/files/writeFile.txt +++ b/test/files/writeFile.txt @@ -1 +1 @@ -alskldjaksldjaklsjdla0.4110614003605342 \ No newline at end of file +alskldjaksldjaklsjdla0.27231391029056606 \ No newline at end of file