From 38d9815c7c128115d5fd7b7f80f68859e091a401 Mon Sep 17 00:00:00 2001
From: Marco Monteiro <marco@marcomonteiro.net>
Date: Fri, 3 Jul 2020 21:55:31 +0100
Subject: [PATCH 1/3] Updated homepage why codeigniter section cetering the
 elements

---
 public/assets/css/ci-responsive.css | 57 +++++++++++-----------
 public/assets/css/ci-theme.css      | 74 ++++++++++++++---------------
 2 files changed, 66 insertions(+), 65 deletions(-)

diff --git a/public/assets/css/ci-responsive.css b/public/assets/css/ci-responsive.css
index 1dbd402..d4aae6c 100644
--- a/public/assets/css/ci-responsive.css
+++ b/public/assets/css/ci-responsive.css
@@ -98,6 +98,7 @@
 	float:left;
 	width:100%;
 	height:197px;
+    padding-left: 0px;
 }
 
 .ci-features-box {
@@ -182,7 +183,7 @@ footer#footer-outer {
 		margin:10px 0;
 		padding:10px;
 	}
-	
+
 /* download page*/
 
 .ci-version-boxes{
@@ -196,7 +197,7 @@ footer#footer-outer {
 	overflow:auto;
 	position:relative;
 	transition: all 1s ease;
-	
+
 }
 
 .ci-version-boxes:nth-of-type(3){
@@ -215,16 +216,16 @@ footer#footer-outer {
 		position:relative;
 
 }
-	
+
 .cv-boxes-content{
-		
+
 		text-align:justify;
 		width:80%;
 		height:100%;
 		margin:50px auto;
 		padding-bottom:15px;
-		
-	}		
+
+	}
 }
 
 
@@ -652,7 +653,7 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
 	background:var(--primary-dark);
 	border-radius:5px;
 	}
-	
+
 #footer-inner-right {
 	float: left;
 	margin: 10px 0 0 10px;
@@ -693,7 +694,7 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
 	box-shadow: 5px 0 10px #eee;
 	display:none;
 	}
-	
+
 .profile{
 	float:left;
 	width:90%;
@@ -720,7 +721,7 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
 	overflow:auto;
 	position:relative;
 	transition: all 1s ease;
-	
+
 }
 
 .ci-version-boxes:nth-of-type(3){
@@ -739,17 +740,17 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
 		position:relative;
 
 }
-	
+
 .cv-boxes-content{
-		
+
 		text-align:justify;
 		width:80%;
 		height:100%;
 		margin:50px auto;
 		padding-bottom:15px;
-		
-	}	
-	
+
+	}
+
 }
 
 
@@ -795,8 +796,8 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
 	box-sizing: border-box;
 	color: var(--secondary-color);
 	}
-	
-	
+
+
 #breadcrumb-inner{
 		width:80%;
 		margin:0 auto;
@@ -805,7 +806,7 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
 		font-weight:400;
 		padding:10px 0;
 	}
-	
+
 .year-images-left{
 		float:left;
 		position:relative;
@@ -824,8 +825,8 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
 			border-radius:3px;
 			width:100%;
 			height:auto;
-	}	
-	
+	}
+
 .year-images-right{
 		float:left;
 		position:relative;
@@ -835,7 +836,7 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
 		background:var(--primary-color);
 		border-radius:3px;
 	}
-	
+
 .year-images-right img{
 			position:absolute;
 			top:-10px;
@@ -845,13 +846,13 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
 			width:100%;
 			height:auto;
 		}
-			
+
 }
 
 /* MEDIA 400px ============================== */
 
 @media(max-width:400px){
-	
+
 #spotlight-version {
 	width: 50px;
 	height: 50px;
@@ -862,7 +863,7 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
 	color: var(--primary-color);
 	text-align: center;
 }
-	
+
 .ci-features-box {
 	float: left;
 	width: 90%;
@@ -885,7 +886,7 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
 
 .rnapf-title{
 	font-size:14px;
-	}	
+	}
 
 #breadcrumb-inner{
 		width:80%;
@@ -914,8 +915,8 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
 		border-radius:3px;
 		width:100%;
 		height:auto;
-	}	
-	
+	}
+
 .year-images-right{
 		float:left;
 		position:relative;
@@ -925,7 +926,7 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
 		background:var(--primary-color);
 		border-radius:3px;
 	}
-	
+
 .year-images-right img{
 			position:absolute;
 			top:-10px;
@@ -935,5 +936,5 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
 			width:100%;
 			height:auto;
 		}
-				
+
 }
diff --git a/public/assets/css/ci-theme.css b/public/assets/css/ci-theme.css
index 76138c2..13f86f5 100644
--- a/public/assets/css/ci-theme.css
+++ b/public/assets/css/ci-theme.css
@@ -174,7 +174,7 @@
 	background: var(--primary-color);
 	color:#fff;
 	text-decoration:none;
-}	
+}
 
 .buttons:hover{
 	background:#fff;
@@ -190,7 +190,7 @@
 	background: #fff;
 	color:var(--primary-color);
 	text-decoration:none;
-}	
+}
 
 .buttons-reverse:hover{
 	background:var(--primary-color);
@@ -510,7 +510,7 @@ section#content-outer{
 	border-top:1px solid #f5f5f5;
 	border-bottom:1px solid #f5f5f5;
 	}
-	
+
 #content-inner {
 	width:80%;
 	height:100%;
@@ -539,13 +539,14 @@ section#content-outer{
 	float:left;
 	width:100%;
 	height:157px;
+    padding-left: 15%;
 }
 
 /* Features ----------------------------------------------------------------- */
 
 .ci-features-box {
 	float: left;
-	width: 45%;
+	width: 35%;
 	height: 150px;
 	padding: 10px;
 	box-sizing: border-box;
@@ -681,9 +682,8 @@ section#important-links-outer{
 	float: left;
 	text-align: center;
 	width: 23%; /*250px*/
-	height: 150px;
 	margin: 10px 5px;
-	padding: 10px;
+	padding: 15px 10px 10px 10px;
 	box-sizing: border-box;
 	background: var(--white);
 	border: 1px solid #f1f1f1;
@@ -743,7 +743,7 @@ a.footer-menu-item:hover {
 	margin-top: -4px;
 	.border-bottom:1px solid #f4c3bd;
 	}
-	
+
 a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
 	float: left;
 	text-decoration: none;
@@ -760,7 +760,7 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
 a.footer-menu-item:hover {
 	margin-top: -4px;
 	.border-bottom:1px solid #f4c3bd;
-	}	
+	}
 
 /* Social links ------------------------------------------------------------- */
 
@@ -853,7 +853,7 @@ a.footer-menu-item:hover {
 	box-sizing:border-box;
 	border:1px solid var(--section-border);
 	border-radius:3px;
-}			
+}
 
 .inner-page-text-box-title{
 	font-size:24px;
@@ -870,7 +870,7 @@ a.footer-menu-item:hover {
 	border-radius: 3px;
 	box-sizing: border-box;
 	box-shadow: 0px 5px 10px #eee;
-}	
+}
 
 .inner-page-text-sub-box{
 	width:100%;
@@ -917,7 +917,7 @@ section#content-outer-discover{
 	padding-bottom:30px;
 	background:#fff;
 	border:1px solid var(--section-border);
-	border-radius:5px;	
+	border-radius:5px;
 	transition:all 0.5s;
 }
 .history-sections-left-first{
@@ -927,8 +927,8 @@ section#content-outer-discover{
 		background:#fff;
 		box-shadow: 5px 5px 10px #eee;
 	}
-	
-	
+
+
 .history-sections-right{
 	float:right;
 	width:90%;
@@ -937,7 +937,7 @@ section#content-outer-discover{
 	padding-bottom:30px;
 	background:#fff;
 	border:1px solid var(--section-border);
-	border-radius:5px;	
+	border-radius:5px;
 	transition:all 0.5s;
 }
 
@@ -979,8 +979,8 @@ section#content-outer-discover{
 			border-radius:3px;
 			width:400px;
 			height:auto;
-	}	
-	
+	}
+
 .year-images-right{
 		float:left;
 		position:relative;
@@ -990,7 +990,7 @@ section#content-outer-discover{
 		background:var(--primary-color);
 		border-radius:3px;
 	}
-	
+
 .year-images-right img{
 			position:absolute;
 			top:-10px;
@@ -1000,8 +1000,8 @@ section#content-outer-discover{
 			width:400px;
 			height:auto;
 		}
-		
-	
+
+
 .year-about{
 		float:left;
 		width:490px;
@@ -1016,7 +1016,7 @@ section#content-outer-discover{
 			padding:0;
 			border-bottom:1px solid var(--secondary-color);
 	}
-		
+
 #about-page {
 	width:70%;
 	height:100%;
@@ -1029,7 +1029,7 @@ section#content-outer-discover{
 	box-shadow: 5px 0 10px #eee;
 	display:none;
 	}
-	
+
 .profile{
 	float:left;
 	width:45%;
@@ -1063,15 +1063,15 @@ section#content-outer-discover{
 .profile-role{
 	float:left;
 	width:100%;
-	margin:5px;	
+	margin:5px;
 }
 
 .profile-links{
 	float:left;
 	width:100%;
 	margin:5px;
-}	
-	
+}
+
 #close{
 	width:50px;
 	height:50px;
@@ -1085,7 +1085,7 @@ section#content-outer-discover{
 	border: 1px solid var(--section-border);
 	cursor:pointer;
 	.display:none;
-}	
+}
 
 #close img{
 	width:30px;
@@ -1094,8 +1094,8 @@ section#content-outer-discover{
 	top:10px;
 	left:10px;
 }
-	
-		
+
+
 /* DOWNLOAD PAGE ------------------------------------------------------------ */
 
 .ci-version-boxes{
@@ -1135,7 +1135,7 @@ section#content-outer-discover{
 		top: 50%;*/
   .transform: translateY(-15px);
 }
-	
+
 .version-name{
 	vertical-align:middle;
   display:table-cell;
@@ -1157,8 +1157,8 @@ span.version-no{
 		padding-bottom:15px;
 		text-align:justify;
 }
-			
-/* CONTRIBUTE ----------------------------------------------------------*/			
+
+/* CONTRIBUTE ----------------------------------------------------------*/
 
 
 #contribute-heart-holder{
@@ -1176,8 +1176,8 @@ span.version-no{
 	width:85px;
 	height:auto;
 	margin:10px auto;
-	}	
-	
+	}
+
 .contributor-profiles{
 	float:left;
 	width:70px;
@@ -1210,7 +1210,7 @@ a.contributors-profile-link{
 	font-size:26px;
 }
 
-/* DISCUSS ----------------------------------------------------------*/			
+/* DISCUSS ----------------------------------------------------------*/
 
 
 #discuss-icon-holder{
@@ -1228,11 +1228,11 @@ a.contributors-profile-link{
 #discuss-icon:hover{
 	-webkit-transform: scaleX(-1);
   transform: scaleX(-1);
-}	
-	
+}
 
 
-/* POLICIES -------------------------------------------------------------------------*/			
+
+/* POLICIES -------------------------------------------------------------------------*/
 
 #policies-icon-holder{
 	width:100%;
@@ -1255,7 +1255,7 @@ a.contributors-profile-link{
 	width:100px;
 	height:auto;
 	margin:10px auto;
-	
+
 }
 
 /* RESPONSIBLE --------------------------------------------------------------------- */

From 0fa429c4ed000f2c25a4e8277dcedcfa90aaab01 Mon Sep 17 00:00:00 2001
From: Marco Monteiro <marco@marcomonteiro.net>
Date: Sun, 5 Jul 2020 19:59:01 +0100
Subject: [PATCH 2/3] center elements - home

---
 index.html                          | 67 ++++++++++++++++-------------
 public/assets/css/ci-responsive.css | 12 +++++-
 public/assets/css/ci-theme.css      | 20 +++++----
 3 files changed, 58 insertions(+), 41 deletions(-)

diff --git a/index.html b/index.html
index 6721c9a..72f2c95 100644
--- a/index.html
+++ b/index.html
@@ -195,43 +195,48 @@
 <section id="important-links-outer">
 	<div id="important-links-inner">
 		<a href="#" class="important-link">
-		  <div class="important-link-boxes">
-			<span class="boldy600 dark">Download Page</span>
-			   <br />
-			Find All The Releases
-			  <br /><br />
-			<img src="public/assets/icons/download.png" />
-		  </div> <!--important-link-boxes ends here-->
+            <div class="outer-box">
+                <div class="important-link-boxes">
+                    <span class="boldy600 dark">Download Page</span>
+                       <br />
+                    Find All The Releases
+                      <br /><br />
+                    <img src="public/assets/icons/download.png" />
+                  </div> <!--important-link-boxes ends here-->
+            </div>
 		</a>
-
 		<a href="#" class="important-link">
-		  <div class="important-link-boxes">
-			<span class="boldy600 dark">Clear Documentation</span>
-			   <br />
-			Read The Manual
-			  <br /><br />
-			<img src="public/assets/icons/documentation.png" />
-		  </div> <!--important-link-boxes ends here-->
+            <div class="outer-box">
+    		  <div class="important-link-boxes">
+    			<span class="boldy600 dark">Clear Documentation</span>
+    			   <br />
+    			Read The Manual
+    			  <br /><br />
+    			<img src="public/assets/icons/documentation.png" />
+    		  </div> <!--important-link-boxes ends here-->
+            </div>
 		</a>
-
 		<a href="#" class="important-link">
-		  <div class="important-link-boxes">
-			<span class="boldy600 dark">Get Support & Discuss Things</span>
-			   <br />
-			View The Forums
-			  <br /><br />
-			<img src="public/assets/icons/forum.png" />
-		  </div> <!--important-link-boxes ends here-->
+            <div class="outer-box">
+                <div class="important-link-boxes">
+    			<span class="boldy600 dark">Get Support & Discuss Things</span>
+    			   <br />
+    			View The Forums
+    			  <br /><br />
+    			<img src="public/assets/icons/forum.png" />
+    		  </div> <!--important-link-boxes ends here-->
+            </div>
 		</a>
-
 		<a href="#" class="important-link">
-		  <div class="important-link-boxes">
-			<span class="boldy600 dark">Fix Bugs or Add Features</span>
-			   <br />
-			On Github
-			  <br /><br />
-			<img src="public/assets/icons/github.png" />
-		  </div> <!--important-link-boxes ends here-->
+            <div class="outer-box">
+    		  <div class="important-link-boxes">
+    			<span class="boldy600 dark">Fix Bugs or Add Features</span>
+    			   <br />
+    			On Github
+    			  <br /><br />
+    			<img src="public/assets/icons/github.png" />
+    		  </div><!--important-link-boxes ends here-->
+            </div>
 		</a>
         <div class="clr"></div>
 	</div><!--important-links-inner ende-->
diff --git a/public/assets/css/ci-responsive.css b/public/assets/css/ci-responsive.css
index d4aae6c..66080da 100644
--- a/public/assets/css/ci-responsive.css
+++ b/public/assets/css/ci-responsive.css
@@ -55,6 +55,10 @@
 
 @media(max-width:1300px) {
 
+    #content-inner {
+        width: 80%;
+    }
+
 	#important-links-inner {
 	width:80%;
 	height:100%;
@@ -64,9 +68,7 @@
 .important-link-boxes {
 	float: left;
 	text-align: center;
-	width: 200px;
 	height: 200px;
-	margin: 10px 5px;
 	padding: 10px;
 	box-sizing: border-box;
 	background: var(--white);
@@ -75,6 +77,12 @@
 	transition: all 0.5s;
 	}
 
+    #important-links-inner .outer-box {
+        float: left;
+        width: 23%;
+        padding: 5px;
+    }
+
 .rnapf-date {
 	float: left;
 	width: 20%;
diff --git a/public/assets/css/ci-theme.css b/public/assets/css/ci-theme.css
index 13f86f5..15849ec 100644
--- a/public/assets/css/ci-theme.css
+++ b/public/assets/css/ci-theme.css
@@ -512,7 +512,7 @@ section#content-outer{
 	}
 
 #content-inner {
-	width:80%;
+	width:60%;
 	height:100%;
 	margin:2rem auto;
 	}
@@ -539,14 +539,13 @@ section#content-outer{
 	float:left;
 	width:100%;
 	height:157px;
-    padding-left: 15%;
 }
 
 /* Features ----------------------------------------------------------------- */
 
 .ci-features-box {
 	float: left;
-	width: 35%;
+	width: 48%;
 	height: 150px;
 	padding: 10px;
 	box-sizing: border-box;
@@ -603,7 +602,7 @@ section#content-outer{
 .recent-news-and-forum-posts {
 	float: none;
 	display: inline-block;
-	width: 46%;
+	width: 49%;
 	height: 100%;
 	margin: 38px auto 3rem auto;
 	}
@@ -673,16 +672,21 @@ section#important-links-outer{
 	}
 
 #important-links-inner {
-	width:60%;
 	height:100%;
 	margin:10px auto;
+    width: 60%;
 	}
 
+#important-links-inner .outer-box{
+    float: left;
+    width: 24%;
+    padding: 5px;
+}
+
 .important-link-boxes {
-	float: left;
+    width: 100%;
 	text-align: center;
-	width: 23%; /*250px*/
-	margin: 10px 5px;
+    margin: 10px 5px;
 	padding: 15px 10px 10px 10px;
 	box-sizing: border-box;
 	background: var(--white);

From ad2b02870047a6450d06f544eaabe5a8a2d637d9 Mon Sep 17 00:00:00 2001
From: Marco Monteiro <marco@marcomonteiro.net>
Date: Sun, 26 Jul 2020 15:17:46 +0100
Subject: [PATCH 3/3] Responsive changes to homepage

---
 public/assets/css/ci-responsive.css | 17 +++++++++++++----
 public/assets/css/ci-theme.css      |  4 ++--
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/public/assets/css/ci-responsive.css b/public/assets/css/ci-responsive.css
index 66080da..ed0f5c9 100644
--- a/public/assets/css/ci-responsive.css
+++ b/public/assets/css/ci-responsive.css
@@ -234,6 +234,11 @@ footer#footer-outer {
 		padding-bottom:15px;
 
 	}
+
+#header-inner,
+#footer-inner{
+    width: 80%;
+}
 }
 
 
@@ -250,7 +255,6 @@ footer#footer-outer {
 .important-link-boxes {
 	float: left;
 	text-align: center;
-	width: 23%;
 	height: 180px;
 	margin: 10px 5px;
 	padding: 10px;
@@ -315,7 +319,7 @@ footer#footer-outer {
 
 	}
 
-a.footer-menu-item:link,a.footer-menu-item:visited{width:70%;}
+a.footer-menu-item:link,a.footer-menu-item:visited{width:25%;}
 a.footer-menu-item:hover{padding-left:10px;margin-top: 0;}
 
 #footer-inner-right {
@@ -522,7 +526,7 @@ section#spotlight-outer{
 .important-link-boxes {
 	float: left;
 	text-align: center;
-	width: 46%;
+	width: 100%;
 	height: 180px;
 	margin: 10px 5px;
 	padding: 10px;
@@ -774,7 +778,7 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
 	.important-link-boxes {
 	float: left;
 	text-align: center;
-	width: 46%;
+	width: 100%;
 	height: 180px;
 	margin: 10px 5px;
 	padding: 10px;
@@ -784,6 +788,11 @@ a.footer-menu-item-active:link,a.footer-menu-item-active:visited{
 	border-radius: 3px;
 	transition: all 0.5s;
 	}
+#important-links-inner .outer-box {
+    float: left;
+    width: 47%;
+    padding: 5px;
+}
 
 .rnapf-date {
 	float: left;
diff --git a/public/assets/css/ci-theme.css b/public/assets/css/ci-theme.css
index 15849ec..9052b22 100644
--- a/public/assets/css/ci-theme.css
+++ b/public/assets/css/ci-theme.css
@@ -248,7 +248,7 @@ header {
 	}
 
 #header-inner{
-	width:80%;
+	width:60%;
 	height:60px;
 	margin:0 auto;
 	}
@@ -719,7 +719,7 @@ footer#footer-outer {
 	}
 
 #footer-inner {
-	width:80%;
+	width:60%;
 	margin:0 auto;
 	height: 60px;
 	margin-top:0;