Giter VIP home page Giter VIP logo

karngyan / karngyan.com Goto Github PK

View Code? Open in Web Editor NEW
332.0 5.0 118.0 2.39 MB

Dark themed, SEO friendly: Nuxt Content + TailwindCSS + Firebase + i18n + RSS2 based SPA for procrastinating developers to quickly spin up their own kickass blog and showcase their projects.

Home Page: https://template.karngyan.com

License: MIT License

Vue 72.01% JavaScript 27.84% CSS 0.06% Shell 0.10%
blog portfolio website template developer projects firebase showcase-website comments likes

karngyan.com's Issues

Resume Page Revamp [Config must be backward compatible]

Idea
PDF Readers affect page loads. Some people do not prefer rendering the entire PDF in the resume page.

Expected solution
A complete revamp of the Resume page. There's not much thought given to the UI as of now. But a good starting point would be Linkedin home Page in dark mode. Or check out the resume tab on https://peerlist.io/karngyan

Also, I'd like to keep the download resume button somewhere on the page as well.

Additional context
The karngyan.config.js should be backward compatible with minimum changes.

Add an image to a blog entry

Is your feature request related to a problem? Please describe.
Putting a folder in ./content/posts which images break the blog.

Describe the solution you'd like
I just would like to see how to add an image in any of the posts already created.

Describe alternatives you've considered
I have a hexo blog. Porting the .md was easy but the folder with the name of the post containing images failed.

Amazing job BTW

Show reveal.js presentation in projects

Is your feature request related to a problem? Please describe.
I'd like to able to show a presentation in the browser for my projects. Example

Describe the solution you'd like
Implementing revealjs-vue. It's not very updated so it's necessary to test it first.

Additional context
Maybe it's too heavy or too complex to implement or it's not giving a real value.

Recommendations header point to linkedin home page instead of user's linkedin page

Describe the bug
Recommendations section header point to LinkedIn home page.

Expected behavior
If user has entered the linkedin user name i.e. social.linkedin in karngyan.config.js, the recommendations header should redirect to user's linkedin page. Otherwise, no links should be present.

Additional context
If you're running the project for the first time, you can disable firebase in karngyan.config.js for easier development.

Nuxt markdown content gives 404 while hosted on github pages

Describe the bug
I started experimenting a bit, using your framework, and I came to the idea of hosting it on GitHub pages. For this I used the following workflow as documented on the site of Nuxt. This all went well, and it was easy to set up. Once everything was set up, I came to the conclusion that the Nuxt content route mapping does not work and that it always displays a 404 not found error when loading direct Nuxt markdown content via a URL.

I don't know if this is normal behavior on the github side but I thought you might know more about it since, you have focused deeply on development and working with Nuxt content.

To Reproduce
Steps to reproduce the behavior:

  • Clone the repo and then push it to a repo with the following naming convention username.github.io and since you didn't make any changes to the repo don't forget to set the Firebase to false in the config.
  • Create a new .yml file in the .github/workflow folder as described
  • When created, push the changes to the github test repo
  • In your GitHub repo, go to settings -> pages and change the course branch to gh-pages
  • After that, click on the link indicated in a green alert box
  • When the site has loaded correctly click on projects then click on any project doesn't matter which one
  • As you can see, the content loads correctly and everything is fine
  • Now reload the page as you can see you get a 404 not found error message while you would expect the content to load again

GitHub actions workflow file as given:

name: cd

on: [push, pull_request]

jobs:
  cd:
    runs-on: ${{ matrix.os }}

    strategy:
      matrix:
        os: [ubuntu-latest]
        node: [14]

    steps:
      - name: Checkout ๐Ÿ›Ž๏ธ
        uses: actions/checkout@master

      - name: Setup node env ๐Ÿ”ง
        uses: actions/[email protected]
        with:
          node-version: ${{ matrix.node }}

      - name: Install dependencies ๐Ÿ”ง
        run: yarn

      - name: Generate ๐Ÿ”ง
        run: yarn generate

      - name: Deploy ๐Ÿš€
        uses: peaceiris/actions-gh-pages@v3
        with:
          github_token: ${{ secrets.GITHUB_TOKEN }}
          publish_dir: ./dist

Expected behavior
The Nuxt content should also load after a refresh of the whole page.

Empty section addition

Is your feature request related to a problem? Please describe.
I'd like to have an empty section to add new stuff from zero. It can be disabled by default.

Describe the solution you'd like
With simple code, anybody will be able to use it to create more sections as desired.

Additional context
On my website I was able to "duplicate" buyMeACoffee section to add one linked to my Polywork site, but it's out of my knowledge.

Add plausible for analytics

Is your feature request related to a problem? Please describe.
Google Analytics is evil.

Describe the solution you'd like
I followed this guide. It looks easy to do but when I check the source of my website I can't see Plausible add it to my head

Describe alternatives you've considered
I didn't find more.

Additional context
This is what I did, after running https://debbie.codes/blog/nuxt-analytics/:

Screen Shot 2021-06-18 at 2 57 51 PM

Screen Shot 2021-06-18 at 2 57 38 PM

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.