RadValentin

github-changelog

NEED

As a user
I want to be able to get notifications about new changes to an application
So that I can stay informed and be able to reload the application at my own will

RadValentin

HTML Structure

Changelog Wrapper

The widget is contained within an element with the class .changelog-wrapper

<div class="changelog-wrapper">
...
</div>

Notification button

RadValentin

Need

Build LESS styling to support HTML structure so that it can be integrated with the plugin

Deliverables

• LESS files and the generated CSS for styling and positioning the notification list

Solution

We'll need to create styling for the following:

1. A notification button with a badge to show the number of new notifications
2. A notification list that can be positioned according to it's css class with 4 main positions: top, bottom, left and right. Each of these positions can be modified by providing a second class: pull-left and pull-right for vertical positions and pull-top for horizontal positions. The purpose here is to make the list usable in any positioning scenario.

RadValentin

Need

We need a way to get the title and label for issues on a given branch on GitHub that are newer than a provided timestamp and that have a certain label(different from the one being returned)

Deliverables

• Methods that integrate with the GitHub API and that will filter and extract titles and labels according to the provided timestamp, branch and label

Solution

RadValentin

#github-changelog a robust notification system built on top of GitHub

##What is it?
Building a large web app that needs to be updated frequently can sometimes present interesting challenges. When pushing out an update do you force your users to reload the entire app so they're always running the latest version? Or do you keep the update silent and hope everything works out somehow?
Obviously the first version is better but not perfect. Ideally you'd want your users to know about the update but they should be able to reload at their own will without fear of losing state.

This is where [github-changelog](https://github.com/uberVU/github-changelog/) comes in. By using this simple jQuery plugin, every time an issue is closed on your GitHub repo, your users will get notified.

![changelog demo](https://dl.dropboxusercontent.com/u/42934143/images/demos/changelog-anim.gif)

RadValentin

{
  "color_scheme": "Packages/Color Scheme - Default/Monokai.tmTheme",
  "ensure_newline_at_eof_on_save": true,
  "font_size": 12,
  "ignored_packages":
  [
    "Vintage"
  ],
  "rulers":
  [

RadValentin

/**
 * GARBAGE - MS 70-480
 */
body{
	background: #000;
	min-height: 100%;
	font-family: sans-serif;
	color: #fff;
}
a{

RadValentin

{
  "$9.2 Billion Startup": {
    "prefix": "disrupt",
    "body": [
      "<ul>",
      "</nav>",
      "</dl>",
      "aliqua. Ut",
      "uat.</dd>",
      "</ul>",

RadValentin

Biohack Tracker

I'm constantly experimenting with different biohacks: nootropics, diets, anti-aging, etc. I'd like to have a way of tracking and comparing results at different stages.

Core functionality

• One timeline with variable scale days-weeks-months that goes from left to right
• Each experiment is a line (from - to) and lines are stacked vertically
• Experiment information
  • on hover - specific interval details (ex: notes for day 25, notes for week 1)
• on select - all interval details (list of all notes)

RadValentin

NOTE: This guide is ONLY for devs who don't want to edit their yarn.lock file by hand. If you don't care about that please carry on.

---

So you've pulled the latest master

git checkout master
git pull