mpchadwick / mpchadwick.github.io Goto Github PK

View Code? Open in Web Editor NEW

3.0 3.0 8.0 45.3 MB

My Website

Home Page: https://maxchadwick.xyz

Ruby 0.13% HTML 75.03% CSS 6.27% JavaScript 4.23% SCSS 14.34%

jekyll-site

mpchadwick.github.io's People

Contributors

Stargazers

Watchers

Forkers

mallickhruday parthmalhotra ermakov-denis vivekvisiture jirutti liulidong882004 veder2431 liuandyu

mpchadwick.github.io's Issues

Move images out of repo (eventually)

Currently, the img/ folder is 19M. It's only going to keep growing and make this repo uneccessarily large. At some point, the images might need to be moved elsewhere (S3?)

Refactor: "home-featured-writing" CSS

There are now being used to "Selected Projects" in addition to "Selected Writing" so it would probably be a good idea to re-think the naming.

mpchadwick.github.io/_sass/_home.scss

Lines 99 to 142 in 79e5bed

    
           .home-featured-writing { 
        
             padding-left: 20px; 
        
             padding-right: 20px; 
        
             max-width: 600px; 
        
             .call-to-action { 
        
               background-color: white; 
        
               color: purple; 
        
             } 
        
           } 
        
           .home-featured-writing__header { 
        
             margin-bottom: 1em; 
        
             margin-top: 1em; 
        
             text-align: center; 
        
             font-style: italic; 
        
             font-weight: normal; 
        
             font-size: 16px; 
        
             border-top: 1px solid white; 
        
             border-bottom: 1px solid white; 
        
             padding-top: 10px; 
        
             padding-bottom: 10px; 
        
             margin-left: auto; 
        
             margin-right: auto; 
        
           } 
        
           .home-featured-writing__list { 
        
             margin-left: 0px; 
        
             margin-right: 0px; 
        
             margin-bottom: 2em; 
        
           } 
        
           .home-featured-writing__item { 
        
             list-style: none; 
        
             line-height: 1.4em; 
        
             margin-bottom: 0.8em; 
        
           } 
        
           .home-featured-writing__link { 
        
             color: $color-bg-pop-link; 
        
             text-decoration: underline; 
        
             &:hover { 
        
               color: $color-bg-pop-link-hover; 
        
             } 
        
           } 
        
           .home-featured-writing__post-date { 
        
             font-size: 0.8em; 
        
           }

Update Favicon

Current setup was best practice in 2016

This looks to be a helpful tool:

https://realfavicongenerator.net/

Should also reconsider the graphic being used. I don't even have the orange on the site anymore.

Maybe to a headshot like this? https://cri.dev/

Add A Tool For Graphs

Tags for posts

Move Project(s) Data To Collections

Will facilitate adding Selected projects to home page
Projects could potentially have tags

Kill Twitter widget.js

Let's just render the Tweet text in a blockquote and then link include a link to the Tweet on twitter.

Potentially we can apply some styling beyond how we already style blockquotes to signify it's a Tweet.

Example:

	.home-featured-writing {
	padding-left: 20px;
	padding-right: 20px;
	max-width: 600px;

	.call-to-action {
	background-color: white;
	color: purple;
	}
	}
	.home-featured-writing__header {
	margin-bottom: 1em;
	margin-top: 1em;
	text-align: center;
	font-style: italic;
	font-weight: normal;
	font-size: 16px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	}
	.home-featured-writing__list {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 2em;
	}
	.home-featured-writing__item {
	list-style: none;
	line-height: 1.4em;
	margin-bottom: 0.8em;
	}
	.home-featured-writing__link {
	color: $color-bg-pop-link;
	text-decoration: underline;
	&:hover {
	color: $color-bg-pop-link-hover;
	}
	}
	.home-featured-writing__post-date {
	font-size: 0.8em;
	}