Code Monkey home page Code Monkey logo

Comments (4)

hadi-mirza avatar hadi-mirza commented on May 17, 2024

I've only tested this on Chrome.

  1. Add this in gatsby-config inside plugins array with the other resolve objects:
   {
      resolve: 'gatsby-source-filesystem',
      options: {
        name: 'pdf',
        path: '${__dirname}/src/pdf/',
      },
    },
  1. Create directory in src folder called pdf and drop your resume in there: /src/pdf/My-Resume.pdf
  2. In /src/Components/About/About.jsx add to the top of the page: import File from '../../pdf/My-Resume.pdf'
  3. On line 58 of About.jsx, change to :
                  <span className="d-flex mt-3">
                    <a
                      target="_blank"
                      rel="noopener noreferrer"
                      className="cta-btn cta-btn--resume"
                      href={File}
                    >
                      Resume
                    </a>
                  </span>
  1. In data.js, change to resume: "My-Resume.pdf" under aboutData. I'm pretty sure you can put anything here as long as it's not empty so the button shows up, I haven't tested it.

Browser's download option is in the top right when clicked.

from simplefolio.

cobiwave avatar cobiwave commented on May 17, 2024

@ap-dev1 do you want this feature for Simplefolio V1 or Gatsby Simplefolio?

@hadi-mirza suggest a solution but for Gatsby version.

Let me know your response, if you already solved it or not. So I can start working on that feature and update the Documentation.

from simplefolio.

cobiwave avatar cobiwave commented on May 17, 2024

@ap-dev1 Hi,

Let me know if you solved this or the status.

So I can close the issue.

from simplefolio.

ap-dev1 avatar ap-dev1 commented on May 17, 2024

I remade the entire app but I forget to close the issue. Thank you for the reminder. Best, -a.

from simplefolio.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.