Skip to content

Latest commit

 

History

History
649 lines (530 loc) · 43 KB

README.md.html

File metadata and controls

649 lines (530 loc) · 43 KB

Hey, nice to see you.

Welcome to my page!
I'm Tom Connors, data scientist and software developer in Boston

Some pictures you can find below :

Videos

Video file extensions are automatically detected and will embed a small video player:

 ![A video](rocket.mp4)

URLs for Youtube and Vimeo videos will also automatically embed a video player:

State Zero

Figure [fig:boy]: The Boy with a Camera For a Face

URLs for images may be surrounded in optional " quotation " marks. If your URL contains parentheses, then it must be surrounded in quotation marks to make it unambigious.

Recall that URLs are not permitted to contain spaces (by their specification), so to embed a local image whose filename has a space, either rename the file or replace the spaces with %20 in the URL version of the name.

Admonitions

Admonitions are small break-out boxes with notes, tips, warnings, etc. for the reader. They begin with a title line of a pattern of three exclaimation marks, an optional CSS class, and an optional title. All following lines that are indented at least three spaces are included in the body, which may include multiple paragraphs.

The default stylesheet provides classes for "note" (default), "tip", "warning", and "error". These are case insensitive and ignore any colon after the CSS class. Here are some examples:

!!!
    I'm a note. Don't mind me, I'm just sitting here.

!!! note
    Another note.

!!! Tip
    Close the door on the way out.

!!! WARNING
    I'm a warning, perhaps. *Something might happen!*

!!! ERROR: Seriously
    Watch out, something **bad** could happen.

    This is still more error text.

!!! I'm a note. Don't mind me, I'm just sitting here.

!!! note Another note.

!!! Tip Close the door on the way out.

!!! WARNING I'm a warning, perhaps. Something might happen!

!!! ERROR: Seriously Watch out, something bad could happen.

This is still more error text.

Fenced Code Blocks
------------------------------------------------------------------------------

Set off large blocks of code using equal-length strings of tilde `~`
or back-tick <code>`</code> characters. Each produces a different CSS
class so that they can be styled differently. 

By default, tilde blocks have lines before and after them and are
inset for use as code listings instead of large inline code
blocks. Both styles receive syntax coloring and automatic programming
language detection.

You can override automatic programming language detection by putting
the name of the language immediately following the first fence. The
supported languages are (capitalization ignored):

`bash cs C# cpp C++ css coffeescript html XML http JSON java JavaScript Makefile`
`markdown objectivec Objective-C PHP perl python ruby shell armasm glsl go haskell`
`kotlin lisp lua matlab R rust scheme swift tex typescript yaml PyxlScript none`

You can specify a custom CSS class for a code block by placing its
name after the language name.

<pre><code>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C</code>
void insertion_sort(int data[], int length) {
    for (int i = 0; i < length; ++i) {
       ...
    }
}
<code>~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~</code>
</pre>

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C
void insertion_sort(int data[], int length) {
    for (int i = 0; i < length; ++i) {
       ...
    }
}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~


Alternative back-tick markup:

````````````````````````````````````
def insertionSort(data):
    for i in range(0, len(data)):
        j = i;

        while (j > 0) and (data[j] < data[j - 1]):
            temp = data[j]
            data[j] = data[j - 1]
            data[j] = temp
            --j
````````````````````````````````````

### Code Blocks with Captions

Code listings may have captions:

def insertionSort(data):
    for i in range(0, len(data)):
        j = i;

        while (j > 0) and (data[j] < data[j - 1]):
            temp = data[j]
            data[j] = data[j - 1]
            data[j] = temp
            --j

[Listing [sort]: An insertion sort]

If you don't have a lot of exposition to share, then code blocks can be back to back:

printf("Hello\n");
printf("World\n");

Diagrams

Diagrams can be inserted alongside, as in this **************************** example, or between paragraphs of text as shown * .---------. * below. * | Server |<------. * * '----+----' | * The diagram parser leaves symbols used as labels * | | * unmodified, so characters like > and ( can appear * | DATA CYCLE | * inside of the diagram. In fact, any plain text * v | * may appear in the diagram. In addition to labels, * .-------. .----+----. * any un-beautified text will remain in place for * | Security| | File | * use as ASCII art. Thus, the diagram is rarely * | Policy +->| Manager | * distored by the beautification process. * '-------' '---------' * ****************************


*.-------------------. ^ .---. * *| A Box |.--. __.--> | | | * *| | '--' v | | * *'-------------------' | | *

  •                   Round                                       *---(-. |                   *
  • .-----------------. .-------. .----------. .-------. | | | *
  • | Mixed Rounded | | | / Diagonals \ | | | | | | *
  • | & Square Corners | '--. .--' / \ |---+---| '-)-' .--------. *
  • '--+------------+-' .--. | '-------+--------' | | | | / Search / *
  • | | | | '---. | '-------' | '-+------' *
  • |<---------->| | | | v Interior | ^ *
  • ' <---' '----' .-----------. ---. .--- v | *
  • .------------------. Diag line | .-------. +---. \ / . | *
  • | if (a > b) +---. .--->| | | | | Curved line \ / / \ | *
  • | obj->fcn() | \ / | '-------' |<--' + / \ | *
  • '------------------' '--' '--+--------' .--. .--. | .-. +Done?+-' *
  • .---+-----. | ^ |\ | | /| .--+ | | \ / *
  • | | | Join | | Curved | | |/ | | \ | \ / *
  • | | +----> | '-' Vertical '--' '--' '-- '--' + .---. *
  • '---+-----' | | | 3 | *
  •                  v                             not:line    'quotes'        .-'   '---'    *
  •              .---+--------.            /            A || B   *bold*       |        ^      *
  •             |   Not a dot  |      <---+---<--    A dash--is not a line    v        |      *
  •              '---------+--'          /           Nor/is this.            ---              *

[Figure [diagram]: Diagrams can also have captions]

Code with line-like symbols is allowed in diagrams and is parsed correctly so long as you make it unambiguous:


  • .-------------------------+--+--------.
  • | --x; x->y |__| |
  • | 0 proto FILE <= |
  • | __ a | b --> foo |
  • | |__| y--; x || y a + b <--o--+
  • |||_______________________________|

Flow Chart


  •                                  .                                                        *
  • .---------. / \ *
  • | START | / \ .-+-------+-. ___________ *
  • '----+----' .-------. A / \ B | |COMPLEX| | / \ .-. *
  •    |        |   END   |<-----+CHOICE +----->| |       | +--->+ PREPARATION +--->| X |     *
  •    v         '-------'        \     /       | |PROCESS| |     \___________/      '-'      *
  • .---------. \ / '-+---+---+-' *
  • / INPUT / \ / *
  • '-----+---' ' *
  •    |                             ^                                                        *
  •    v                             |                                                        *
  • .-----------. .-----+-----. .-. *
  • | PROCESS +---------------->| PROCESS |<------+ X | *
  • '-----------' '-----------' '-' *

Gantt Chart


  •        ║ Preproduction┆       Alpha┆             RC1┆
  • ═══════════╬══════════════╪════════════╪════════════════╪══
  • Story ║ ▆▆▆▆▆▆▆▆ ┆ ▆┆▆▆▆ ┆
  • Concept Art║ └▆▆▆▆▆▆┆▆▆▆┐ ┆ ┆
  • Modeling ║ ┆ └▆▆▆▆▆▆▆▆┆▆▆▆▆▆▆▆ ┆
  • Rigging ║ ┆ └▆▆▆┆▆▆▆▆▆▆▆▆▆▆▆▆ ┆
  • Mechanics ║ ▆▆▆▆▆▆┆▆▆┐ ┆ ░░░░▆▆▆▆ ┆
  • Engine Code║ ▆▆▆▆▆▆▆┐ │ ┆ └────────▆┆▆▆▆▆▆▆▆▆▆▆▆▆▆ ┆
  • Game Code ║ └─┴▆┆▆▆▆▆▆▆▆▆▆▆▆▆┆▆▆▆▆ ░░░░ ▆ ┆
  •        ║              ┆            ┆    Freeze      ┆

Simple Plot Diagram


  • Uin ┊ .------------------------
  •    ┊   |                        
  •    ┊   |                        
  •    *---'┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄▶
  • Udc▲                          
  • Udc_OK ┊ .---------------------
  •    ┊     /  :                   
  •    ┊    /   :                   
  •    *---'┄┄┄┄:┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄▶
  •             :<----->:           
  •    ▲          500ms :           
  •    ┊                :           

*Cpu.Qon ┊┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄.-----------

  •    ┊                |  Inactive 
  •    ┊    Active      |  
  •    *----------------'┄┄┄┄┄┄┄┄┄┄┄▶

Graphics Diagram


  •                                                                         .                 *
  • 0 3 P * Eye / ^ / *
  • *-------*      +y                    \                +)          \   /  Reflection       *
  • 1 /| 2 /| ^ \ \ \ v *
  • ------- | | v0 \ v3 --------*-------- *
  • | |4 | |7 | ◄╮ --------- *
  • | -----|- ⤹ +-----> +x / v X \ .-.<-------- o *
  • |/ |/ / ⤴ / o \ | / | Refraction / \ *
  • ------- v / \ +-' / \ *
  • 5 6 +z v1 ------------------ v2 | o-----o *
  •                                                           v                               *

Icon Diagram


  •                                  .-.                           .--------.                 *
  •                               .-+   |                         |          |                *
  •                           .--+       '--.                     |'--------'|                *
  •                          |  Server Cloud |<------------------>| Database |                *
  •                           '-------------'                     |          |                *
  •                               ^      ^                         '--------'                 *
  •                Internet       |      |                              ^                     *
  •      .------------------------'      '-------------.                |                     *
  •      |                                             |                v                     *
  •      v                                             v              .------.       .------. *
  • .--------.      WiFi     .--------.  Bluetooth  .-----.          / #  # /|      / #  # /| *
  • |        |<------------->|        |<---------->|       |        +------+/| LAN +------+/| *
  • |Windows |               |  OS X  |            |  iOS  |        |      +/|<--->|      +/| *
  • +--------+               +--------+            |       |        |Ubuntu+/|     |Ubuntu+/| *
  • /// ____ \\ /// ____ \\ | o | | +/ | +/ *
  • '------------' '------------' '-----' '------' '------' *
  •  Laptop 1                 Laptop 2              Tablet 1         Dedicated Server Rack    *

Styling Diagrams

<style> .md .inverse svg.diagram { background: #333; stroke: #FFF; fill: #FFF; } .md .inverse svg.diagram .opendot { fill: #333; } </style><style class="darkreader darkreader--sync" media="screen"></style>

You can use CSS to style all diagrams or individual diagrams. For example, the following has light lines on a dark background:

**************************************************** * .---. . .----o----. * * | | | | | | * * | | --. |.-- | | *----*<---+ * * | | .-.| | +--+ | |____| * * | | | | | | | | | | * * '---' '-'' ' ' ' o----o--->' * ****************************************************

You can also create unnumbered sections that will not appear in the table of contents using parentheses around the pound signs:

(##) Unnumbered H2

Multiple Columns

You can use the CSS [columns](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Columns/Using_multi-column_layouts) style to make an HTML multicolumn block. Then, just use regular Markdeep within it and the browser will automatically apply your multicolumn layout.

Browsers are even smart enough to break the columns correctly when printing to PDF or to a printer. However, for a long document, multiple columns don't work well when displayed on screen. That's because there are no discrete "pages" on screen to break columns. So, the browser will make each column as long as the entire document, which is probably not what you want.

So, multi-column only works well if you know that you have very short sections (as in this example), or if you were planning on printing to separate pages when done.

Things I code with

React Webpack Docker github actions Google Cloud Platform TypeScript Insomnia Apollo Heroku redux ReactiveX RedwoodJS GraphQL Sass Styled Components git NestJs angular npm html5 d3js Prettier MongoDB Nodejs

My New favorite charts that I think explain alot about this pandemic

Flu vs. Covid 1916 to December 2020

Flu vs. Covid 1916 to December 2020

WHO 2020 Global flu counts

WHO 2020 Global flu counts

Deaths per week USA 2015-2020

Deaths per week USA 2015-2020

UK daily deaths 2015-2020

UK daily deaths 2015-2020

CDC survival rates by age September 2020

deaths-per-week-USA-2015-2020

Open source projects

{{! }}
🎁 Projects ⭐ Stars 📚 Forks 🛎 Issues 📬 Pull requests
MIT Battlecode 2021 - Navigation and Pathfinding StrategyStars Forks Issues Pull Requests
MIT Battlecode 2021 - Everything you need to participate or win!! Stars Forks Issues Pull Requests
All-Knowledge - My view of the Pandemic Stars Forks Issues Pull Requests
reset-chromebook - get a new chromebook and set up vscode, ssh keys, GitHub and Digitalocean Stars Forks Issues Pull Requests
My awesome self-generating GitHub README every X hours Stars Forks Issues Pull Requests
Puppeteer Book Scraper examples Stars Forks Issues Pull Requests
Puppeteer IMDB movie scraper Stars Forks Issues Pull Requests
Puppeteer Scraper Tutorial Stars Forks Issues Pull Requests
Using Colors in Go - golang Go Language Stars Forks Issues Pull Requests

My Main Latest Important Written Work

Interesting Tweets about a subject

Welcome to Boston!


Below are the last 3 pictures posted on by @thomasconnors44
In Boston: Currently, the weather is: 33°F, overcast clouds
In Boston: Today, the sun rises at 07:13 AM and sets at 04:24 PM.


Below are the last 3 pictures posted on by @nytimes
In New York: Currently, the weather is: 33°F, overcast clouds
In New York: Today, the sun rises at 07:13 AM and sets at 04:24 PM.

Here is an embedded tweet

<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Follow the money
Follow the data pic.twitter.com/4qcNHRefHS

— Thomas Connors welcome to the animal farm you know (@ThomasConnors) November 23, 2020
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

REVEALED: London's Nightingale hospital at the ExCeL will have just 300 of its 4,000 beds in use when it reopens next week https://t.co/q8uTmz7oxa

— Thomas Connors welcome to the animal farm you know (@ThomasConnors) January 3, 2021
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Tweets by BradleyLJones <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

Was that an exciting embedded tweet?


Where to find me

Twitter Github LinkedIn Medium YouTube Dev.to

This is what I am working on

2020 october this is what I am working on

Examples of using Color

Using Colors in Go

Next Steps for this page

// done -- Have generated-time displayed   
// done -- Bring in Instagram  
// done -- Time of sunrise/sunset is incorrect
// have a list of locations and get common data about each
// See if can get location of the caller and get their time and weather
// bring in Sunrise, Sunset, chart of day window-size compared to full year  
// Bring in Weather  
  
// Bring in historical weather range, and how today compares  
// Bring in phase of moon  
// Bring in Tides  
// Bring in Tweets  
// Bring in LinkedIn Posts  
// Bring in latest posts scraped somewhere  
// Bring in virus counts  
// This day in history, famous events or birthdays  

Here is a way to think of this page

// Did you see this?   
// Here is a way to think about how to use or create this page  
// Generated every X minutes or hours,  
// it's a page that you can use to build your own like daily newspaper,    
// it can go get information to make you situationally aware,   
// it's a dashboard to monitor any data sources,   
// whatever you want to monitor   
This page - auto generated with data from any source

This README file is generated every 3 hours!
Last refresh: Monday, January 4, 2:20 AM EST
Create your own here!

Stars Forks

<style class="fallback">body{visibility:hidden;white-space:pre;font-family:monospace}</style><script src="markdeep.min.js" charset="utf-8"></script><script src="https://morgan3d.github.io/markdeep/latest/markdeep.min.js" charset="utf-8"></script><script>window.alreadyProcessedMarkdeep||(document.body.style.visibility="visible")</script>