From ab063c6062d534491976cdbf0c16ddeefa9f888a Mon Sep 17 00:00:00 2001 From: Sebastian Gutierrez Date: Tue, 29 Oct 2019 23:19:22 -0500 Subject: [PATCH] Redesign about page --- public/about.css | 45 --------- public/about.html | 186 +++++++++++++++-------------------- public/img/email.png | Bin 7018 -> 0 bytes public/img/email.svg | 1 + public/img/github-circle.svg | 1 + public/img/github.png | Bin 8640 -> 0 bytes public/img/linkedin-box.svg | 1 + public/img/linkedin.png | Bin 8770 -> 0 bytes 8 files changed, 85 insertions(+), 149 deletions(-) delete mode 100644 public/about.css delete mode 100644 public/img/email.png create mode 100644 public/img/email.svg create mode 100644 public/img/github-circle.svg delete mode 100644 public/img/github.png create mode 100644 public/img/linkedin-box.svg delete mode 100644 public/img/linkedin.png diff --git a/public/about.css b/public/about.css deleted file mode 100644 index 0248889..0000000 --- a/public/about.css +++ /dev/null @@ -1,45 +0,0 @@ -#content { - top: 120px; - position: absolute; - left: 50%; - transform: translate(-50%, 0%); -} - -#content-title { - position: relative; - top: 20%; - height: 80px; - background-color: rgb(208, 208, 208); - border-radius: 20px 20px 0px 0px -} - -#content-body { - position: relative; - background-color: rgb(242, 242, 242); - border-radius: 0px 0px 20px 20px; -} - -.avatar { - border-radius: 10px 10px 10px 10px !important; - top: 10px; - position: relative; - width: 70%; -} - -.links { - padding: 10px; -} - -.links a { - text-decoration: none; -} - -.link-ico { - width: 40px; -} - -@media (max-width: 767px) { - #content-title { - height: 40px; - } -} \ No newline at end of file diff --git a/public/about.html b/public/about.html index 7212b71..a70d65b 100644 --- a/public/about.html +++ b/public/about.html @@ -8,7 +8,15 @@ - + + -
-
-
-

What is this?

-
-
-

- This is an interactive website which allows you to make various graphs of information from - the GitHub network. Currently the site generates three types of graphs-- the most popular and entertaining - of which is the friends graph. The friends graph helps you visualize clusters of friends/collaborators on GitHub. - This can be used to spot clusters within organizations and schools. -

-

- This is an open source project, all the source code can be found on GitHub. - New collaborators are always welcomed; look at our GitHub repository for contributing guidelines. -

-
-
-

Why did you make this?

+
+
+
+
+

What is this?

+

This is an interactive website which allows you to make various graphs of information from + the GitHub network. Currently the site generates three types of graphs-- the most popular and entertaining of which is the friends graph. The friends graph helps you visualize clusters of friends/collaborators on GitHub.This can be used to spot clusters within organizations and schools.

+

This is an open source project, all the source code can be found on GitHub. New collaborators are always welcomed; look at our GitHub repository for contributing guidelines.

+
-
-

- This project was completed in 24 hours for participation in BrickHack V at the Rochester Institute of Technology. - We hope that this project will make people more interested in learning about big data analytics. - The visual aspect of this website makes learning about topics such as clustering and graph databases more intuitive. -

+
+
+

Why did you make this?

+

This project was completed in 24 hours for participation in BrickHack V at the Rochester Institute of Technology. We hope that this project will make people more interested in learning about big data analytics. The visual aspect of this website makes learning about topics such as clustering and graph databases more intuitive.

+
-
-

Developers

+
+ +
+
+
+

Developers

+
-
-
- -
- Jeff -
-
-

- Managed a majority of the work with the backend, pulling data from GitHub and generating the graphs with visJS. -

-
-