Made it more pretty

static/css/test.css

@@ -1,46 +1,5 @@
-.records {
+.wrapper {
-	font-size: 12px;
+  display: grid;
-	padding: 30px;
+  grid-template-columns: repeat(4, 1fr);
-	color: #363636;
+  grid-auto-rows: minmax(100px, auto);
 }
-
-.myNav {
-	background-color: #A4A4A4;
-	color: #363636;
-}
-
-.column {
-	width: 90%;
-	background-color: #B1B1B1;
-	padding: 2%;
-	float: left;
-}
-
-.row:after {
-	content: "";
-	display: table;
-	clear: both;
-}
-
-.buffer {
-	width: 2%;
-	background-color: #363636;
-	clear: both;
-}
-
-.allmostbiggertext {
-	font-size: 12px;
-	font-weight: 700;
-	padding-top: 10px;
-}
-
-.body {
-	background-color: #363636;
-	justify-content: center;
-}
-.col-centered{
-	    float: none;
-	        margin: 0 auto;
-}
-
-

templates/index.html

@@ -7,15 +7,8 @@
 
                         <!-- Bootstrap CSS -->
                         <link rel="stylesheet" href="http://benjamyn.love/css/bootstrap.min.css">
-                        <style>
+                	<link rel="stylesheet" href="static/css/test.css">
-                                .test {
+		</head>
-									vertical-align: bottom;
-									height: 100px;
-									width: 100px;
-									display: table-cell;
-								}
-                        </style>
-                </head>
 
                 <div class="navbar h-100 d-flex justify-content-center" style="margin-bottom: 10px;">
                         <div>   
@@ -24,7 +17,7 @@
                 </div>
 
                 <div class="container">
-                        <div class="card-group">
+                        <div class="wrapper">
                         {% for x in livestreamdata %}
                                 <div class="card" >
                             <img class="card-img-top" src="https://static-cdn.jtvnw.net/previews-ttv/live_user_{{ x["channel"]["name"] }}-300x200.jpg" alt="Card image cap">

test.py

@@ -0,0 +1,24 @@
+from pprint import pprint
+import json
+
+with open("test.txt") as testFile:
+    data = json.load(testFile)
+
+#pprint(data)
+
+
+
+def split_list(alist, wanted_parts=1):
+    length = len(alist)
+    return [ alist[i*length // wanted_parts: (i+1)*length // wanted_parts] 
+             for i in range(wanted_parts) ]
+
+A = [0,1,2,3,4,5,6,7,8,9]
+
+print split_list(A, wanted_parts=1)
+print split_list(A, wanted_parts=2)
+print split_list(A, wanted_parts=8)
+
+testing = split_list(data, wanted_parts=len(data)/4+1)
+print(len(testing))
+

test.txt

@@ -0,0 +1 @@
+[{"is_playlist": false, "broadcast_platform": "live", "created_at": "", "stream_type": "live", "community_id": "2caef3bd-b3db-4eed-a748-f3ee124b33aa", "community_ids": ["2caef3bd-b3db-4eed-a748-f3ee124b33aa"], "delay": 0, "video_height": 900, "game": "Fortnite", "channel": {"status": "fat guy *LIVE*", "updated_at": "", "privacy_options_enabled": false, "video_banner": "https://static-cdn.jtvnw.net/jtv_user_pictures/timthetatman-channel_offline_image-dad25649b8d20159-1920x1080.png", "logo": "https://static-cdn.jtvnw.net/jtv_user_pictures/timthetatman-profile_image-4cb867e7d0af1448-300x300.jpeg", "partner": true, "id": 36769016, "display_name": "TimTheTatman", "followers": 1928999, "broadcaster_language": "en", "broadcaster_type": "", "private_video": false, "description": "Gamer, nerd, geek. Streaming mostly FPS/Whatevs/Yolo. Feel welcomed, talk to me, and be yourself. Welcome to the #tatmanarmy, one of the most interactive communities on twitch!", "views": 81059527, "game": "Fortnite", "name": "timthetatman", "language": "en", "url": "https://www.twitch.tv/timthetatman", "created_at": "", "mature": true, "profile_banner_background_color": "", "profile_banner": "https://static-cdn.jtvnw.net/jtv_user_pictures/timthetatman-profile_banner-20e72dc9d447910f-480.png"}, "average_fps": 60.0315955766, "preview": {"small": "https://static-cdn.jtvnw.net/previews-ttv/live_user_timthetatman-80x45.jpg", "large": "https://static-cdn.jtvnw.net/previews-ttv/live_user_timthetatman-640x360.jpg", "medium": "https://static-cdn.jtvnw.net/previews-ttv/live_user_timthetatman-320x180.jpg", "template": "https://static-cdn.jtvnw.net/previews-ttv/live_user_timthetatman-{width}x{height}.jpg"}, "id": 28894152432, "viewers": 24391, "created_a": ""}, {"is_playlist": false, "broadcast_platform": "live", "created_at": "", "stream_type": "live", "community_id": "", "community_ids": [], "delay": 0, "video_height": 900, "game": "Fortnite", "channel": {"status": "MORNING COFFEE !giveaway | !mythicleague | youtube.com/fl0m", "updated_at": "", "privacy_options_enabled": false, "video_banner": "https://static-cdn.jtvnw.net/jtv_user_pictures/6221bfed047cf6e4-channel_offline_image-1920x1080.png", "logo": "https://static-cdn.jtvnw.net/jtv_user_pictures/fl0m-profile_image-efa66f8f4aa42f40-300x300.png", "partner": true, "id": 25093116, "display_name": "fl0m", "followers": 356516, "broadcaster_language": "en", "broadcaster_type": "", "private_video": false, "description": "I play CS:GO for Mythic, and I stream mostly competitive play.  If you enjoy my stream, please follow the channel!", "views": 19972923, "game": "Fortnite", "name": "fl0m", "language": "en", "url": "https://www.twitch.tv/fl0m", "created_at": "", "mature": true, "profile_banner_background_color": "#030303", "profile_banner": "https://static-cdn.jtvnw.net/jtv_user_pictures/b8ff7d51e2c12ddf-profile_banner-480.png"}, "average_fps": 60, "preview": {"small": "https://static-cdn.jtvnw.net/previews-ttv/live_user_fl0m-80x45.jpg", "large": "https://static-cdn.jtvnw.net/previews-ttv/live_user_fl0m-640x360.jpg", "medium": "https://static-cdn.jtvnw.net/previews-ttv/live_user_fl0m-320x180.jpg", "template": "https://static-cdn.jtvnw.net/previews-ttv/live_user_fl0m-{width}x{height}.jpg"}, "id": 28893400976, "viewers": 1651, "created_a": ""}, {"is_playlist": false, "broadcast_platform": "live", "created_at": "", "stream_type": "live", "community_id": "6e940c4a-c42f-47d2-af83-0a2c7e47c421", "community_ids": ["6e940c4a-c42f-47d2-af83-0a2c7e47c421"], "delay": 0, "video_height": 720, "game": "The Legend of Zelda: A Link to the Past", "channel": {"status": "ALTTP Randomizer Spring 2018 Tournament.  HexMage vs Dracarys.  !alttpr for info", "updated_at": "", "privacy_options_enabled": false, "video_banner": "https://static-cdn.jtvnw.net/jtv_user_pictures/speedgaming-channel_offline_image-ba38a1e895eec60f-1920x1080.png", "logo": "https://static-cdn.jtvnw.net/jtv_user_pictures/speedgaming-profile_image-b15b320868ba3342-300x300.png", "partner": true, "id": 80145304, "display_name": "SpeedGaming", "followers": 88296, "broadcaster_language": "en", "broadcaster_type": "", "private_video": false, "description": "The SpeedGaming channel hosts a variety of speedrun events and tournaments.  To host your event here, or to learn more about us, contact feasel@speedgaming.org ~~~~ http://twitch.tv/SpeedGaming ~~ http://SpeedGaming.org ~~ http://twitter.com/SpeedGamingShow ~~ http://youtube.com/SpeedGamingChannel", "views": 9656771, "game": "The Legend of Zelda: A Link to the Past", "name": "speedgaming", "language": "en", "url": "https://www.twitch.tv/speedgaming", "created_at": "", "mature": false, "profile_banner_background_color": "", "profile_banner": "https://static-cdn.jtvnw.net/jtv_user_pictures/speedgaming-profile_banner-c19066074f9fc5c7-480.png"}, "average_fps": 63, "preview": {"small": "https://static-cdn.jtvnw.net/previews-ttv/live_user_speedgaming-80x45.jpg", "large": "https://static-cdn.jtvnw.net/previews-ttv/Line truncated