webpraktikos/universal-resume

Minimal and formal résumé (CV) website template for print, mobile, and desktop. https://bit.ly/ur_demo

universal-resume's Issues

Printing in Safari

Printing in Safari (v12.1.2) causes issues with formatting. Layout looks fine prior to printing. Confirmed in v1.1.4 with all four demo pages. Printing did not adversely affect layout when using Chrome. See attached screenshot (letter) and document (multi-page).

Marko Marković — Resume.pdf

Typography not the same on github pages vs served locally

When running npm serve locally, the typography is working properly. But when serving to github pages the typography is slightly different.

[question] Google Analystic

Hi!
How do I can integrate Google Analystic services from Firebase?

> <!-- The core Firebase JS SDK is always required and must be listed first -->
> <script src="https://www.gstatic.com/firebasejs/7.16.1/firebase-app.js"></script>
> 
> <!-- TODO: Add SDKs for Firebase products that you want to use
>      https://firebase.google.com/docs/web/setup#available-libraries -->
> <script src="https://www.gstatic.com/firebasejs/7.16.1/firebase-analytics.js"></script>
> 
> <script>
>   // Your web app's Firebase configuration
>   var firebaseConfig = {
>     apiKey: "AIzaSyD9ax0IKOAlG0g2HkKEsAZavNsBMOYdQpd",
>     authDomain: "yev-blog.firebaseapp.com",
>     databaseURL: "https://yev-blog.firebaseio.com",
>     projectId: "yev-blog",
>     storageBucket: "yev-blog.appspot.com",
>     messagingSenderId: "559357217537",
>     appId: "1:550357217547:web:58b576646749ff0bd3f00e",
>     measurementId: "G-WNY9XX2WQL"
>   };
>   // Initialize Firebase
>   firebase.initializeApp(firebaseConfig);
>   firebase.analytics();
> </script>

DRY with components/partials/tailwind classes

There seems to be a lot of repetition in the html with classes being repeated. For example I see this a lot throughout the document:

<span class="absolute -ml-3 sm:-ml-3.2 select-none transform -translate-y-px">›</span>

Would it make sense to DRY this up somehow? Some ideas in order of difficulty:

1. Tailwind component classes: https://tailwindcss.com/docs/extracting-components
2. Use a template system like handlebars to add partials
3. Use Vue/React components

Update filesystem for plug-and-play integration with GitHub pages

Update the filesystem in order to play nicely with GitHub pages. Something like netlify is an additional something to do, and is more complicated than needed to host a nice static site CV without backend. Additionally, lack of a custom domain name will now result in nicer names than the defaults from netlify.

Project does not build or serve

This is probably something on my end but I can't seem to get none of the commands working after npm install

➜ npm run build

> [email protected] build /home/sanketdg/projects/universal-resume
> cross-env NODE_ENV=build postcss ./tailwind.css -o docs/build.css

Error: Failed to find 'docs/FiraGo.css'
  in [
    /home/sanketdg/projects/universal-resume
  ]
    at /home/sanketdg/projects/universal-resume/node_modules/postcss-import/lib/resolve-id.js:35:13
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build: `cross-env NODE_ENV=build postcss ./tailwind.css -o docs/build.css`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/sanketdg/.npm/_logs/2020-04-05T20_24_33_112Z-debug.log

➜ npm run serve

> [email protected] serve /home/sanketdg/projects/universal-resume
> concurrently "postcss ./tailwind.css -o docs/build.css --watch"  "live-server ./docs "

[0] Error: Failed to find 'docs/FiraGo.css'
[0]   in [
[0]     /home/sanketdg/projects/universal-resume
[0]   ]
[0]     at /home/sanketdg/projects/universal-resume/node_modules/postcss-import/lib/resolve-id.js:35:13
[0] postcss ./tailwind.css -o docs/build.css --watch exited with code 1
^C[1] live-server ./docs  exited with code SIGINT
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] serve: `concurrently "postcss ./tailwind.css -o docs/build.css --watch"  "live-server ./docs "`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] serve script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/sanketdg/.npm/_logs/2020-04-05T20_24_47_755Z-debug.log

Contact info is positioned in a third column in Firefox

In Firefox, the Contact section is rendered in a third column:

In Chrome, this section is (correctly) rendered in the bottom of the second column:

Top-margin on first section

Hi,
I am trying to replicate exactly what you have online (Letter size). My rendition adds top margin to the first 'section' - where as the online version does not. Please see the screen shots below.

I have Tracked down to mt-8

Defined as follows in your build.css

.first:mt-0:first-child {
margin-top: 0
}

But I don't see where you override in your code base. Where is this coming from ?

No padding-top on second page when printing multiple pages variant

When I try to print the multiple pages variant, the second and third page do not have any margin or padding on top of the page.

Problem with npm build and npm serve

Windows 10

Links aren't preserved when converting to PDF in Chrome

Anybody know a good workaround? Is this expected behavior?

CSS not working

The CSS formatting does not seem to be working when it is deployed to GitHub pages. When opening the HTML file on my computer or using the serve function the CSS seems to be working as expected

Attached is a screenshot:

CSS works fine on my device but not with github pages

CSS works fine on my device, but not appearing on github pages. https://parvaizmansoori.github.io/universal-resume/ here's where I've got it

I've tried the git add command mentioned in a previous issue, but it says the styles.css file is not found. At a dead end, don't know what to do