https://github.com/danilop/danilop-personal-page

A simple script to populate a web page with links, retrieving link info using the Open Graph protocol. I built it for my personal page.
https://github.com/danilop/danilop-personal-page

Last synced: 24 days ago
JSON representation

A simple script to populate a web page with links, retrieving link info using the Open Graph protocol. I built it for my personal page.

• Host: GitHub
• URL: https://github.com/danilop/danilop-personal-page
• Owner: danilop
• Created: 2019-10-07T21:35:36.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2024-05-02T12:10:41.000Z (8 months ago)
• Last Synced: 2024-10-29T18:32:26.013Z (2 months ago)
• Language: HTML
• Homepage: https://danilop.net
• Size: 11.8 MB
• Stars: 8
• Watchers: 2
• Forks: 2
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# danilop-personal-page

![Sample personal page](https://danilop.s3.amazonaws.com/Images/danilop-personal-page.png)

A simple script to populate a web page with links, retrieving link info using the Open Graph protocol (https://ogp.me).

I am using https://getbootstrap.com for the grid system.

I built it for my personal page: https://danilop.net

1. Put static assets in the `static` folder.

2. Put HTML templates with `` where you want to embed links in the `src` folder. The thumbnail and title width are using the https://getbootstrap.com grid system and should add to 12. You can optionally add a maimum number of links to process from the source list.

3. The JSON file should be in the `data` folder and contain a single JSON array of links.

4. Run `npm run build` to create the `public` folder. I use [AWS Amplify Console](https://aws.amazon.com/amplify/console/) to automate deployment.

5. Using the Open Graph protocol, this is getting all the info (title, thumbnail) from the link source, such as Speaker Deck or YouTube.