From cac65f4d9419bcf6227f17439269c821c6b3ab29 Mon Sep 17 00:00:00 2001 From: PROTechThor Date: Thu, 1 Apr 2021 17:57:32 +0100 Subject: [PATCH] Make landing page responsive --- _includes/footer.html | 6 ++-- _includes/header.html | 1 + assets/css/main.css | 52 ++++++++++++++++++++++++++++- assets/images/gitter-logo.svg | 62 +++++++++++++++++++++++++++++++++++ index.html | 8 ++--- 5 files changed, 121 insertions(+), 8 deletions(-) create mode 100644 assets/images/gitter-logo.svg diff --git a/_includes/footer.html b/_includes/footer.html index f005078..f944182 100755 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -6,11 +6,11 @@
-

Join us!

+

Join us!

@@ -26,7 +26,7 @@ diff --git a/_includes/header.html b/_includes/header.html index 9b2698e..e045104 100755 --- a/_includes/header.html +++ b/_includes/header.html @@ -9,6 +9,7 @@ {% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %} + diff --git a/assets/css/main.css b/assets/css/main.css index c6ed157..928b2c1 100755 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -1965,10 +1965,10 @@ } /* Image */ + p img { width: 100%; } - .image { border: 0; display: inline-block; @@ -2293,6 +2293,18 @@ margin: 0; } + .feature-overview{ + display:flex; + flex-wrap: wrap; + position: relative; + justify-content: center; + } + + .feature-box { + position: relative; + width: 400px; + } + /* Header */ #header { @@ -2580,6 +2592,33 @@ font-size: 0.9em; } + #footer .menu { + margin-left: -10%; + } + + #footer .sponsor-img { + width: 50%; + } + + #footer .join { + text-align: center !important; + } + + #footer .icons, #footer .icons li{ + padding-left:0; + padding: 3px; + text-align:center !important; + } + + .gitterbutton { + opacity: 0.8; + transition: 0.2s ease; + } + + .gitterbutton:hover { + opacity: 1; + } + /* Wide */ @media screen and (max-width: 1680px) { @@ -2662,6 +2701,10 @@ #footer .container { margin-bottom: 1em; } + + #footer .gitterbutton{ + width: 16px; + } } @@ -3088,6 +3131,10 @@ width: 30%; } + .feature-box { + width: 300px; + } + /* Banner */ #banner { @@ -3116,5 +3163,8 @@ padding: 2em 20px; text-align: left; } + #footer .sponsor-img { + width: 90%; + } } diff --git a/assets/images/gitter-logo.svg b/assets/images/gitter-logo.svg new file mode 100644 index 0000000..3eaf212 --- /dev/null +++ b/assets/images/gitter-logo.svg @@ -0,0 +1,62 @@ + + diff --git a/index.html b/index.html index a407957..113e4de 100755 --- a/index.html +++ b/index.html @@ -17,22 +17,22 @@ layout: default
-
-
+
+

The key is Automation

Isn't it sad to have a lot of data and not use it because it's too much work? Thanks to MISP you can store your IOCs in a structured manner, and thus enjoy the correlation, automated exports for IDS, or SIEM, in STIX or OpenIOC and synchronize to other MISPs. You can now leverage the value of your data without effort and in an automated manner.
Check out MISP features.

-
+

Simply Threats

The primary goal of MISP is to be used. This is why simplicity is the driving force behind the project. Storing and especially using information about threats and malware should not be difficult. MISP is there to help you get the maximum out of your data without unmanageable complexity.

-
+

By giving you will receive