I love building stuff using new and experimental ideas and methods.
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
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`,
},
}
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.
Run a lighthouse test and fix performance and accessibility issues.
meta tags for SEO such as twitter cards, etc are not properly set up on the website and do not show up in browsers.
Create the <Layout />
component for use as a page template.
Rewrite the documentation for this repository to reflect the technology used.
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.
]
Add my downloadable resume to my about page.
Remove styled components
and use Taildwind CSS
instead.
The 404 page has a design already. Make it responsive.
Edit the items in the content
folder, especially the content/assets/
folder where images are stored:
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'
],
}
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.
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.
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.