Update the homepage

1. fix the copyright
2. add admin account in demo
3. fix the flex css
4. add company using fossligt

Author: dd-jy

README.md

@@ -13,7 +13,7 @@ This is the homepage that introduces the FOSSLight Open Source Project.
 
 ## License
 
-Copyright (c) 2021 FOSSLight
+Copyright (c) 2021 LG Electronics
 
 - Source codes in this site are licensed under [GPL-3.0](LICNESE.md).
 - Feature icons by [Icons8](https://icons8.com/icon)

_sass/my-inline.scss

@@ -23,16 +23,41 @@
 
 .flex-container {
   display: flex;
-  justify-content: flex-start;
+  justify-content: space-around;
+  flex-wrap: wrap;
 }
 
 .flex-container > .flex-contents {
-  display: flex;
+  display: block;
   border: 1px solid rgb(191, 13, 63);
-  margin: 0rem auto 0rem auto;
+  margin-bottom: 1rem;
   padding: 20px;
-  width: 30%;
-  height: 23rem;
+  width: 70%;
+  height: 24rem;
+
+  @media (min-width: 48em) {
+    width: 47.5%;
+    margin-right: 5%;
+
+    &:last-of-type,
+    &:nth-child(2n + 2) {
+      margin-right: 0;
+    }
+  }
+
+  @media (min-width: 75em) {
+    width: 30%;
+    margin-right: 5%;
+
+    &:nth-child(2n + 2) {
+      margin-right: 5%;
+    }
+
+    &:last-of-type,
+    &:nth-child(3n + 3) {
+      margin-right: 0;
+    }
+  }
 }
 
 .flex-container > .flex-contents:hover {
@@ -44,29 +69,28 @@
 }
 
 #feature_title {
-  display: block;
+  display: inline-block;
   margin: initial;
   color: rgb(197, 103, 119);
   font-size: 1.5rem;
   padding-top: 1rem;
   width: 100%;
-  height: 20%;
+  height: 7rem;
   font-weight: bold;
   text-align: center;
   line-height: normal;
 }
 
 #feature_img {
-  display: block;
+  display: inline-block;
   margin: initial;
-  padding-top: 2rem;
   width: 100%;
-  height: 30%;
+  height: 3rem;
   text-align: center;
 }
 
 #feature_content {
-  display: block;
+  display: inline-block;
   margin: initial;
   color: black;
   font-size: 1rem;

assets/img/company/etri-logo.jpg

@@ -14,17 +14,16 @@ Please visit the Demo site and try out the many features of the FOSSLight first-
 ### 0) Demo URL
 
 > Go to the [https://demo.fosslight.org/](https://demo.fosslight.org/){: .emphasis_text}
-> {:.lead}
 
 ### 1) LogIn
 
 First, create an account with 'SignUp' button and log in to the system.
-![FOSSLight Demo](../assets/img/demo/fosslight_demo_site_login.JPG){: width="700" height="500"}{: .center}
+![FOSSLight Demo](../assets/img/demo/fosslight_demo_site_login.JPG){: width="600" height="500"}{: .center}
 
-> (Sample) Admin Account: You can experience admin mode through the following admin account.
-> - ID: admin
-> - PW: admin
-> {:.lead}
+> **(Sample) Admin Account**: You can experience admin mode through the following admin account.
+>
+> - **ID: admin**
+> - **PW: admin**
 
 ### 2) Try it
 

assets/img/company/lg-logo.jpg

@@ -11,7 +11,7 @@
 <h2> What is FOSSLight? </h2> 
 
 <img src="../assets/img/fosslight_system.jpg" alt="FOSSLight System"><br>
-To develop and distribute software containing open source software, you need to follow the OSC(Open Source Compliance) process. FOSSLight is an integrated system that can process four steps of the OSC process sequentially.
+To develop and distribute software containing open source software, you need to follow the OSC(Open Source Compliance) process. FOSSLight is an integrated system that can process the OSC process sequentially.
 
 <h2> Features </h2>
 
@@ -69,7 +69,20 @@ <h2> Source Code </h2>
 <h2>License</h2>
 
 FOSSLight System is licensed under <a href="https://opensource.org/licenses/AGPL-3.0"><b>AGPL-3.0 License</b></a>.
-
+<br/>
+<br/>
+<br/>
+<br/>
+<hr style="width:100%; border:outset 1px rgb(191, 13, 63);">
+<h2 style="color: rgb(191, 13, 63); text-align: center;">Companies and Organizations Using FOSSLight</h2>
+<div style="text-align: center;">
+<a href="https://www.lg.co.kr/"><img src="../assets/img/company/lg-logo.jpg" title="LG Electronics" width="180px"></a>
+<!-- <a href="https://www.etri.re.kr/"><img src="../assets/img/company/etri-logo.jpg" title="ETRI" width="250px"></a> -->
+</div>
+<br/>
+<br/>
+<br/>
+<br/>
 <br/>
 <br/>
 <div class="right"><a href="https://icons8.com/icon">&lt;Icons by Icons8&gt;</a></div>