glucasroe/narcissist

A simple little ghost thing that I coded all on my own. Are you proud of me? I'm proud of me.

narcissist's Issues

Tag images

Tag pages can have images added to them, but I'm not using them right now (Which I think I would like to do)

Injectable query string from handlebars?

Remote cachebuster strings from HTML files

Right now, all of my cache busted urls from CodeKit are reducing my overall performance grade on my site. Booo. Figure out how to remedy this, and how we make sure it isn't an ongoing problem.

Dark toggle switch

I love dark styles, and really want to be able to turn on night mode

Clear Axiomatic css from disqus modal

The disqus modal, not being part of the iframe, gets pushed down by the + rule. Fix it.

Video embeds break the right side

Check out the vimeo on http://glucasroe.com/in-like-with-a-smartwatch-moto-360-review-part-2/ it completely breaks out the right side on mobile. Ew.

Fix Headlines for tiles

I fixed it on the production code, but it needs to be remedied in the precompiled stuff as well

Menu broken at smaller sizes

Apparently, some of my earlier tweaking has made it so that the menu drops without becoming mobileized... again. Seems to happen right around 645px

Make pagination look not dumb.

It looks dumb.

Remake menu to not be 3 items

I really dislike how the menu is hardcoded to be 3 items, and would like a different approach. Make sure you don't hide it on mobile though 🍔

Gradient buttons on the homepage

I like having some clicky signifiers. Doesn't have to be a lot

Menu can drop without becoming mobilized

I think this can be handled by removing margin or padding from the right side of the menu

Remove hover state from interior featured images

Interior featured images fade in quickly to color as they load, but they also have the hover style from the blog list page, which means you can get partial color > full color > partial color by mousing in the wrong place. Dumb.

Firefox breaks the logo

frfox y u do

Increase font size and leading on desktop

Desktop type still feels small. Maybe 1.7/2rem?

Lineheight doesn't match on aside

I haven't checked this recently, but I don't think the lineheight matches on the asides.

Disqus changed their ID 😡

now is #dsq-app4

Update code colorizer to handle bash script

Not sure why I didn't include this ;_;

http://prismjs.com/download.html

Use Okadia theme

• CSS
• JS
• SCSS
• Markup
• Bash

Move Analytics code into frontend

Right now, the analytics code tracks all of my working during dev. Bleah. One way to fix that is to move the code into ghost itself so that It only is visible on the live version.

Stop loading jquery because you didn't do image CSS correctly

r u kidding me bro

Footer isn't sticky

On the last page of the blog results, the footer floats up which looks weird. Find a sticky footer that isn't the Ryan Fait one.

Change GFYcat embed

New fun!

Create a projects page

Right now, I have 2 projects and they're a UL. Let's fix that

Non colorized code is hard to read

http://glucasroe.com/getting-ghost-running-on-cloudatcost/

Blockquote has screwy margins

I'm not sure what the original intent here was, but it looks awful.

Remove all caps from header

A friend pointed out that the all caps is no bueno. I had removed it previously, but felt like it was off—not enough clickable signifiers and feeling bizarre.

Consider removing all caps, reducing letter spacing, removing bold, and adding in the underline that's currently p > a

404 page doesn't have a sticky footer

Must need to update the template to match the page styles

Non full width images

Make it so images don't have to fill the full width of the site

Post meta feels disconnected

Should reduce the padding and add something else to make it feel better. Remember to consider how changes here will change on the interior pages as well.

Create tag specific pages

A newer version of ghost added support for tag pages (Yaaaay!) but I need to make them work well.

Featured Images on Tag Page

The featured images are hilarious broken on the tags page. I believe it just needs the structure ported over from the index page.

Featured images don't work well on desktop

The featured image can balloon to absurd sizes. It would be best to constrain it to the height of the post snippet. This might be handled with a background image applied instead of inserting the image directly

Find and add some sort of site search

The other option is to just figure out when ghost will implement it.

Switch to using Ghosts' nav helper

This also might require rethinking the css running the nav.....

nah

Full width Color Bars

For more content variety https://css-tricks.com/full-browser-width-bars/

Why are we loading fontawesome?

We're seriously loading fontawesome for some social media icons. Switch them to SVGs or something.

Fix code colorizer to be more flexible in padding

Non code colorized code doesn't have any padding applied to it. Either I should remove it from the colorized stuff, or find some other way to prevent the collision

Logos page

Social proof 😑

Fix <q>

<q> is massive right now, and not useful for inline quotes... which is kinda the point.

Floating Image Captions

Float an image out of line with the text with a figcaption underneath it

Code colorizer strategy

Code colorizers are great for tutorials, but what would it take to support it?