stbensonimoh / official-website Goto Github PK
View Code? Open in Web Editor NEWMy Official Website.
License: BSD Zero Clause License
My Official Website.
License: BSD Zero Clause License
Run a lighthouse test and fix performance and accessibility issues.
Rewrite the documentation for this repository to reflect the technology used.
Create the <Layout />
component for use as a page template.
When a page or blog post link is shared on social media, the link should display the featured image of the blog post as part of the share or the website logo in the case of the page.
Add my downloadable resume to my about page.
The 404 page has a design already. Make it responsive.
meta tags for SEO such as twitter cards, etc are not properly set up on the website and do not show up in browsers.
npm install gatsby-plugin-styled-components styled-components babel-plugin-styled-components
Add the Styled Components Gatsby plugin to the gatsby-config.js
file.
plugins: [
plugins: [`gatsby-plugin-styled-components`],
// ...other plugins.
]
First install the plugins and the dependencies
npm install --save gatsby-plugin-next-seo react-helmet-async
Then add this to the plugin array in gatsby-config.js
module.exports {
// ...
plugins: [
// ...
'gatsby-plugin-next-seo'
],
}
Edit the current site information
Edit the current site information & metadata in gatsby-config.js
to include interesting information like:
The current site metadata is something like this:
siteMetadata: {
title: `Gatsby Starter Blog`,
author: {
name: `Kyle Mathews`,
summary: `who lives and works in San Francisco building useful things.`,
},
description: `A starter blog demonstrating what Gatsby can do.`,
siteUrl: `https://gatsby-starter-blog-demo.netlify.app/`,
social: {
twitter: `kylemathews`,
},
}
The projects button on the /about route currently links to a non-existent page. Make it link to my GitHub page temporarily until the projects page is ready.
As I gain more popularity in the industry, folks would want to invite me to speak or feature me a in podcast or blog article.
They should be able to download materials about me like photo, bio, etc.
Create a page or link to a Google Drive with all those materials in there.
Remove styled components
and use Taildwind CSS
instead.
Edit the items in the content
folder, especially the content/assets/
folder where images are stored:
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.