startbootstrap / startbootstrap-resume Goto Github PK

Whenever I run the app with npm start, the latest changes to the Pug file(s) are being rendered and build into /dist. That's good, as intended. As soon as I start changing code in the Pug file(s), the Browser Sync seems not to be working. It doesn't auto sync the browser page to the latest changes. Only when I Terminate batch job and re-run the npm start command.
Is this how it is intended or am I missing something?

A dependency defined in ./package-lock.json has known security vulnerabilities and should be updated.

Is this an easy one to fix?

Hello,

Great job !

I would like to submit an issue, is it possible to move the picture when printing?
Everything else work like a charm expect the picture is lost.

Thx !

Hey, the template looks awesome, but I faced an issue with not being able to see the sidebar on my computer. Is there a way to fix that?

Firstly, thanks so much for this brilliant template!

Do you guys has any plans of generate an dockerfile in order to run this website under docker?

I love this design, but how do I enable dark mode? I saw that a lot of css elements are coded as a light version and a dark version separately, so I assume there's a way I don't know of of easily using a dark theme. How do I tell the css or the html or the js to use these dark theme elements?

When running "npm i startbootstrap-resume"

I get this message

npm ERR! Error: SSL Error: CERT_UNTRUSTED
npm ERR! at ClientRequest. (C:\Program Files (x86)\nodejs\node_modules\npm\node_modules\request\main.js:440:26)
npm ERR! at ClientRequest.g (events.js:156:14)
npm ERR! at ClientRequest.emit (events.js:67:17)
npm ERR! at HTTPParser.parserOnIncomingClient (http.js:1256:7)
npm ERR! at HTTPParser.parserOnHeadersComplete [as onHeadersComplete] (http.js:91:29)
npm ERR! at CleartextStream.socketOnData (http.js:1288:20)
npm ERR! at CleartextStream._push (tls.js:375:27)
npm ERR! at SecurePair.cycle (tls.js:734:20)
npm ERR! at EncryptedStream.write (tls.js:130:13)
npm ERR! at Socket.ondata (stream.js:38:26)
npm ERR! [Error: SSL Error: CERT_UNTRUSTED]

Time to update your cert?

Seems like FontAwesome is going to deprecate versions 3 & 4 soon and lots of new icons and features have been added to version 5.
I used this theme today and migrated the personal version to 5. Would you guys want to to this migration or accepting any pull requests in that regard?

I can't seem to figure out where in the .scss files the theme colors for this template are located. I see in the compiled styles.css file that the navbar is using bg-primary, but I don't see where that value can be edited. Any help is appreciated!

im using this template and working on adding my programming languages and im looking to add c# and c++ and wondering if theres a reference guide for all the available icons that can be used?

Hello,

I am trying to edit the resume.css file and every time I save and npm start it, the CSS page automatically deletes anything I have added.

Any help is appreciated.

(New to Coding) I can navigate to any of my other sections of my website using tabs in my hamburger menu, but one tab in particular doesn't respond at all. i don't know if it makes a difference but on this tab in particular there is a carousel. I dont even know where to begin in order to fix this issue myself. If anyone can please help me out I'd really appreciate it.
this is how i set up that one section.

<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="#GraphicDesignWork">
  <div class="w-100">
    <h2 class="mb-5">Graphic Design Work</h2>
    
    <div id="#GDCarousel" class="carousel slide" data-ride="carousel" data-interval="2500">
        <div class="carousel-inner">
          <div class="carousel-item active">
            <img class="d-block w-100" src="img/Slide1.jpg" alt="First Slide">
          </div>
          <div class="carousel-item">
            <img class="d-block w-100" src="img/Slide2.jpg" alt="Second Slide">
          </div>
          <div class="carousel-item">
            <img class="d-block w-100" src="img/Slide3.jpg" alt="Third Slide">
          </div>
          <div class="carousel-item">
            <img class="d-block w-100" src="img/Slide4.jpg" alt="Fourth Slide">
          </div>         
        </div>
        <a class="carousel-control-prev" href="#GDCarousel" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
          </a>
          <a class="carousel-control-next" href="#GDCarousel" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
          </a>
      </div>

      
</section>

It would be awesome if would be possible to have the dark-theme as well

Not sure if this is the right place to put this, but I haven't found a solution on similar topics to this. I guess this is by design, but the hamburger menu on the smaller layout doesn't collapse unless you click/tap on a menu item, but I'd like to be able to collapse it by clicking/tapping on the hamburger menu again. Is there any way I can do this? (I don't have enough web dev experience to figure it out myself.) Thanks in advance!

Hi,
Thank you for this template, it has been fun to play with.
When I create a printer-friendly CSS style, the resume-date' are underneath the resume-content instead of justified-right like a column. This occurs when I set:

@media print {
@page {
size: Letter portrait;
margin: 1.0cm;
}
... }

How do I get the resume-date back on the right side in print-preview?
Below is the full code and a screenshot:

@media print {
@page {
size: Letter portrait;
margin: 1.0cm;
}
body {
padding-top: 6rem!important;
}
h1,
h2,
h3,
h4,
h5 {
page-break-after: avoid;
}
.m-0,
.m-0 *,
.dont-print,
.dont-print * {
display: none!important;
}
.double,
.double * {
line-height: 1!important;
}
section.resume-section {
margin-top: -10rem!important;
padding-top: 0rem!important;
padding-bottom: 0rem!important;
page-break-after: avoid;
}
}

Thank you for any advise

As you can see in devicon docs, there's a lot of new icons which are interesting to be avaible on this template.

Thank you for such an amazing template.
When I modified and the files and try to host the page on my GitHub page for testing, I noticed the profile pic is not showing up:

For this part of the code, I did not change anything(even the pic).
Is there anyone encounter the same issue here?

I downloaded the theme and uploaded to the GitHub page. and after going to that page I am getting a site not found.

Unlike the other sections, the experience section is not vertically centered. Note that you have to reduce the amount of content to notice this effect.

On like 92...

<section class="resume-section p-3 p-lg-5 d-flex justify-content-center" id="experience">

... I think including justify-content-center was a mistake. It should be align-items-center, like the other sections...

<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="experience">

Hi,

Could you please help me to write an italic word in the theme?

You can add a block Projects, where will be listed some projects that are not ashamed to show?

Github signals a security issue with set-value. It says to upgrade to version 2.0.1 or later

It is not really a issue, but I've been using this template for 3 years by now. I really love the straightforwardness and simpilcity. So I wrote a react version of this. If you want to use react to build this project. Might be a good idea to take a look.

https://github.com/YagiGo/yagigo.github.io

A lot of people seem to think that this repo should pull in their personal resume changes to the project.

The number of pull requests for changes that should never be pulled into the repo (e.g. #180) makes it harder to see changes that should actually be reviewed and possibly merged (e.g. #111, #175).
It would be helpful if pull requests could be reviewed and closed if they don't provide anything of value to the project.

Hi,

When I run gulp, I get an error:

PS C:\Users\peter\Documents\GitHub\mysite> gulp
assert.js:42
throw new errors.AssertionError({
^

AssertionError [ERR_ASSERTION]: Task function must be specified
at Gulp.set [as _setTask] (C:\Users\peter\Documents\GitHub\mysite\node_modules\undertaker\lib\set-task.js:10:3)
at Gulp.task (C:\Users\peter\Documents\GitHub\mysite\node_modules\undertaker\lib\task.js:13:8)
at Object. (C:\Users\peter\Documents\GitHub\mysite\gulpfile.js:88:6)
at Module._compile (module.js:652:30)
at Object.Module._extensions..js (module.js:663:10)
at Module.load (module.js:565:32)
at tryModuleLoad (module.js:505:12)
at Function.Module._load (module.js:497:3)
at Module.require (module.js:596:17)
at require (internal/module.js:11:18)

When I inspect the gulpfile error shown at line 88:6 it flags the minify CSS task. I'm using gulp versions:
CLI version 2.0.1
Local version 4.0.0

Has anyone observed this issue?
Thanks

In the IE11 explorer, the content is not properly centered.

Hi @davidtmiller,

Congratulations for this resume design. I like it and I used it in my personal resume.

One of the changes that I made to my resume was add meta tags for social media cards. If you think that it could be interesting to add this meta tags to this resume, I would be happy to do a pull request with this changes to your repository.

Regards,
Evaristo Cuesta.

It just an idea but wouldn't be nice to have a download my CV button between the short description and the social links? The goal should be to download your CV in pdf format. An example of such a button: http://104.131.177.38/demo/wp/iamx/home-two/#skills

If I add a new nav-item with the same syntax as the original ones it does not show up. Any hints? Apologies if this shouldn't be added as an issue, I'm new to GitHub.

According to the dependencies section of package.json, this theme requires Bootstrap 5.0.1, but the description section instead claims that the theme is "for Bootstrap 4". The description should be changed to reflect the actual dependency.

Hello,

If I close terminal and run "NPM start" more than once my edits are not saved and everything reverts back to the original template. Can someone point me in the right direction as to why this is happening?

I'm mainly editing the .html file in the dist directory but everything is reverted each time I run "NPM start"

This hasn't happened to me on other projects before. I'm wondering how this is happening so I can avoid it in the future.

Thank you!

Thank you for your resume template.

It's very easy to use and has a great user-interface.

Thanks! 🥇

It would be nice to have a dark mode toggle. I have already implemented this in my fork of the project. If people are interested I could re-fork and create a PR with just the dark mode toggle functionality.

Here's a sample of how the toggle looks:

Dark Mode

Light Mode

Hello,
I am trying to Deploy this project to server,
but after i install the pm2 i try to run this command:

pm2 start node_modules/.bin/gulp

    "scripts": {
        "start": "node_modules/.bin/gulp watch"
    },

but i dont success to deploy this
when i try to do

npm start

it is work locally ,
what the problem??

when i forked, github asked me to bump the versions to >=4.17.13

Hi-! Thank you for this wonderful library :-)

Could we include several Jupyter Notebook cells inside of the index.html?

Hi

I tried gulp build. fontawesome,bootstrap and jquery all files is coming in vendor files
How to ignore "not compiled" files?

thanks in advance

I am new to bootstrap and wanted to start by forking this repo and rename it (to madurner.github.io) so it turns to be my user page. In the next step, I wanted to start changing the dist/index.html.
The problem now is, that looking at my page it seems to prompt the README.md file (at least changes in there are also present on the page). What do I have to change, to get the "real" template shown? Thx

same with other parts of gulp used (gulp-header, gulp-sass, etc.)

I think some file are missing because i am using this theme for my project
My step
First step - download package
Second step - open dist folder
when i add files my laravel project , when i open url in my chrome browser please see screenshot
sorry my english is weak

actually template not look like this
https://startbootstrap.com/theme/resume

I'm getting a strange error when I upload the files to a server. Locally, everything looks fine but when I upload it the height of the <a class="navbar-brand js-scroll-trigger" href="#page-top"> is incorrect.

https://startbootstrap.com/themes/resume/ and https://github.com/StartBootstrap/startbootstrap-resume/blob/master/package.json#L4 shows this is version 6.0.1

https://github.com/StartBootstrap/startbootstrap-resume/tags shows this is version 5.0.8

could you please align the github tags with your version?

hi there, can I just recreate this template using vue and published to my github?

Gulp Tasks should be gulp css:minify

Im pretty sure i put in the link correct:
<a href=:"https://www.linkedin.com/">

i think there's an issue with fab fa-linked-in?

L.S.

It seems that regardless of my title in HTML code the page title is hard coded to "Resume - Start Bootstrap Theme". Where do I change this?

Below my code (unchanged except for tile).

Hello - there is a conflicting CSS file overwriting some styles that prevent the icons from being displayed.

The demo you have reflects this as well.

Hi,
Thanks for the awesome template.
I modified and hosted the template, which looks good in desktop and also in mobile, but profile pic is missing in mobile browsers.
Is it designed that way or am I missing something?.