From a41b9ed050cac9e8cd22723c67d69c8a50606404 Mon Sep 17 00:00:00 2001 From: jrtechs Date: Sun, 17 Feb 2019 01:00:46 -0500 Subject: [PATCH 1/2] Updated profile to ensure that graph link is always to the right and does not stack. --- public/js/profileGen.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/public/js/profileGen.js b/public/js/profileGen.js index cc09803..351d0c7 100644 --- a/public/js/profileGen.js +++ b/public/js/profileGen.js @@ -11,14 +11,14 @@ function profileGen(username, container) let html = "
\ \ -
\ -
\ +
\ +
\
\
"+user.name+"
\
"+user.login+"
\
\
\ -
\ +
\
-
+ +
-

How to get started:

+

What can I do here?

Head over to the 'Generate graphs' page and enter - the username of a GitHub user. The space on that - page will then populate with the requested GitHub - user and all the related user, visualizing the - connections between them. + the username of a GitHub user. You can then select + what kind of graph to generate based on that user.

If you'd like to see how everything works, follow - the link to GitHub, where you can view all the work + the link to GitHub, where you can view everything that went into making this functional.

diff --git a/public/style.css b/public/style.css index 76c8eba..641d7ab 100644 --- a/public/style.css +++ b/public/style.css @@ -45,6 +45,15 @@ width: 300px; } +#mainCarousel { + height: 500px; + background-color: black; +} + +.carousel-item { + height: 500px; +} + .error { color: rgb(208, 208, 208); } @@ -102,8 +111,8 @@ position: relative; width: 50%; height: 100%; - max-height: 500px; - max-width: 500px; + max-height: 400px; + max-width: 400px; } .side-txt { @@ -128,11 +137,11 @@ } .card { - background-color: rgb(255, 255, 255); + background-color: rgb(208, 208, 208); } .card-body { - background-color: rgb(255, 255, 255); + background-color: rgb(242, 242, 242); } .rounder { @@ -141,7 +150,7 @@ .main { position: relative; - top: 20px; + top: 10px; } body {