Code Monkey home page Code Monkey logo

clintonlang.github.io's People

Contributors

clintonlang avatar

Stargazers

 avatar

Watchers

 avatar

clintonlang.github.io's Issues

Set initial viewport size

When loading the website on my mobile, initial size is not a 1:1 with device screen width.
Need to fix this (maybe caused by images not responsive yet?)
Ideally website would not have horizontal scroll when loaded on a mobile device

Design and show a logo

Story


In order to build a strong personal brand identity, I want to design and display a personalized logo.

Acceptance Criteria


To design a logo that is:

  • svg
  • not an image protected by existing copyright

This logo will be displayed:

  • As a favicon
  • On the header of the site
    ** That on click, will return a visitor to the home page

Footer - Fix to bottom when mobile

When using a 1 column width format (on mobile)
The footer section loads somewhere in the middle rather than the bottom of the website

RSS Feed

Story


The website should have an easy to find RSS/Atom link so that visitors can subscribe for new posts

Background


RSS is the easiest and most common for users to subscribe for new content. However, there are two competing standards: Atom and RSS 2.0

Acceptance Criteria


  • To have an RSS feed setup for posts
  • That when a new post is added to production, the RSS feed is updated

Spike: Investigate SEO options for GH pages/jekyll

Spike


I want to find out what options there are for SEO that can be applied to user github pages and Jekyll blog posts

Timebox


Try to keep to a day or two (just interested in basic strategies)

Expected Outcomes


  • Draft stories on implementing my findings
  • Story about baselining (likely with Google Analytics)
  • notes for a future blog post

Header - Sticky Header

Desired behavior:
Hide when scrolling down but show when scrolling up.
Use hamburger icon when on mobile

About Me

Story


So that my visitors get a good idea who I am, I should have an engaging "about me" page.

Background


Part of a good siteis to provide the visitor with a summary sense of who the author is, and what the main content focus is. One well-known mechanism for achieving this is via an "About Me" page

Acceptance Criteria


About me page that:

  • includes slightly humourous copy
  • speaks about my technical interests

Filter out spam from Analytics

Story


As a website owner, I want to ensure that my analytics are accurate and not skewed by non-human visitors

Background


Typically, without any filters, Google Analytics will include several types of 'spam'. This can be ghost referrals, personal visits, and other sources of non-human traffic

Acceptance Criteria


That the following items are filtered out in a new view (keeping a completely unfiltered view in accordance with GA best practices)

  • Visits from a personal device/ip (i.e. filtering out internal traffic(
  • Filtering out ghost referrals (bots that use an invalid hostname)
  • Any further filtering recommendations from this https://www.ohow.co/removing-google-analytics-spam/
    and similar posts

Sections: add offset

When header options are clicked on from the primary NAV, scroll jumps to slightly after target area (header is partially cut off).

Need to add offset so when user clicks on 'resume', the section header is clearly visible

Also need to add link to 'home' menu item

Add Web analytics (GA) to site

Story


I want to have Google Analytics setup for my site so I can evaluate various metrics.

Background


With Google Analytics I should be easily able to see referrers to my site, which posts where more popular, and various other metrics.

I would also like to experiment with some custom'engagement' micro transactions as well

Acceptance Criteria


  • GA snippet implemented for website

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.