Merge branch 'Jack-1'

.vs/ProjectSettings.json

@@ -0,0 +1,3 @@
+{
+  "CurrentProjectSetting": null
+}

.vs/VSWorkspaceState.json

@@ -0,0 +1,6 @@
+{
+  "ExpandedNodes": [
+    ""
+  ],
+  "PreviewInSolutionExplorer": false
+}

dashboard_static/js/code.js

@@ -23,8 +23,85 @@ function getCSSVariable(name) {
 }
 
 function tweetCell(tweet, parent) {
-    var cell = document.createElement("div")
+    var cell = document.createElement("div");
     cell.innerHTML =
-        "<div>"
+        '<div class="tweet">'+
+            '<img src="' + tweet.user.profile_image_url + '" alt="" class="tweet-profilepicture">' +
+            '<div class="tweet-content">' +
+                '<div class="tweet-name">'+
+                    '<span class="tweet-nickname">'+tweet.user.name+' </span>'+
+                    '<span class="tweet-username">@'+tweet.user.screen_name+'</span>'+
+                '</div>'+
+                '<span class="tweet-text">'+tweet.text+'</span>'+
+                '<div class="tweet-interactions">'+
+                    '<div class="tweet-interaction tweet-likes">'+
+                        '<span class="material-symbols-outlined">favorite</span>'+
+                        '<span>'+tweet.favorite_count+'</span>'+
+                    '</div>'+
+                    '<div class="tweet-interaction tweet-retweets">'+
+                        '<span class="material-symbols-outlined">repeat</span>'+
+                        '<span>'+tweet.retweet_count+'</span>'+
+                    '</div>'+
+                    '<div class="tweet-interaction tweet-replies">'+
+                        '<span class="material-symbols-outlined">chat_bubble</span>'+
+                        '<span>'+tweet.reply_count+'</span>'+
+                    '</div>'+
+                '</div>'+
+            '</div>'+
+        '</div>';
+    parent.append(cell);
 }
 
+
+var atweet = {
+    "created_at": "Sat Nov 16 12:51:41 +0000 2019",
+    "text": "@BobGreenburg @ONeill_Coffee Congrats to the excellent football program at Wilmington. One classy organization!",
+    "source": "<a href=\"http:\/\/twitter.com\/download\/iphone\" rel=\"nofollow\">Twitter for iPhone<\/a>",
+    "user": {
+        "name": "Express Youngstown",
+        "screen_name": "ExpressProsYO",
+        "url": "http:\/\/apply.expresspros.com\/",
+        "profile_image_url": "http:\/\/pbs.twimg.com\/profile_images\/775167844921188353\/fWquHsOK_normal.jpg",
+    },
+    "quote_count": 0,
+    "reply_count": 0,
+    "retweet_count": 0,
+    "favorite_count": 0,
+    "entities": {
+        "hashtags": [
+
+        ],
+        "urls": [
+
+        ],
+        "user_mentions": [
+            {
+                "screen_name": "BobGreenburg",
+                "name": "Bob Greenburg",
+                "id": 483881032,
+                "id_str": "483881032",
+                "indices": [
+                    0,
+                    13
+                ]
+            },
+            {
+                "screen_name": "ONeill_Coffee",
+                "name": "O'NeillCoffeeCompany",
+                "id": 2804543925,
+                "id_str": "2804543925",
+                "indices": [
+                    14,
+                    28
+                ]
+            }
+        ],
+        "symbols": [
+
+        ]
+    },
+}
+
+for (let i = 0; i < 2; i++) {
+    tweetCell(atweet, $(".leftcol"));
+}