some animations and changes

Author: reveurguy

_layouts/default.html

@@ -39,5 +39,12 @@
 <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
 <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
 <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
+		<!--  Scroll reveal	-->
+		<script src="https://unpkg.com/scrollreveal"></script>
+		<script>
+	 ScrollReveal().reveal('.blockquote', {
+    interval: 100, mobile: true, viewFactor: 0.3, delay:100
+  });
+	</script>
   	</body>
 </html>

assets/css/main.css

@@ -129,7 +129,7 @@ background-attachment: fixed !important;
 }
 .box {
   display: flex;
-  width: 90%;
+  width: 100%;
   height: 5px;
   margin: 0 auto;
 }
@@ -336,4 +336,26 @@ background-image:url("data:image/svg+xml;charset=utf8,%3Csvg id='Layer_1' fill-o
 .ml-7
 {
 	margin-left:25rem;
+}
+
+::selection
+{
+	background:#ffcb3c;
+}
+
+body{
+	opacity: 0;
+	margin-top: 50px;
+	animation: 1s slidefade .5s forwards;
+}
+.jumbo-content{
+	opacity: 0;
+	margin-top: 50px;
+	animation: 1s slidefade 1s forwards;
+}
+@keyframes slidefade {
+	100% {
+		opacity: 1;
+		margin: 0;
+	}
 }

index.html

@@ -7,8 +7,10 @@
 <div class="container">
 	<marquee behavior="scroll" direction="left" bgcolor="white" class="p-1 my-2 bdrRadius">The site is under development, so please mind the messyness. Thank You. </marquee>
 	<div class="jumbotron text-dark text-center">
-	<h1><strong>Welcome to PyContributors</strong></h1>
-	<p>A open Source community for Machine Learning and Artificial intelligence.</p>	
+		<div class="jumbo-content">
+		<h1 class="display-3"><strong>Welcome to PyContributors</strong></h1>
+		<p>A open Source community for Machine Learning and Artificial intelligence.</p>		
+		</div>
 	</div>
 </div>
 
@@ -29,7 +31,7 @@ <h1><strong>Welcome to PyContributors</strong></h1>
 	<div class="container">
 		<!-- Quote-->
 	<blockquote class="p-4 blockquote mt-4 text-center">
-		<p class="mb-0">“Code never lies; comments often do. 😉😉”</p>
+	<p class="mb-0"><i class="fa fa-quote-left mr-2"></i> Code never lies; comments often do. 😉😉 <i class="fa fa-quote-right ml-2"></i></p>
 		<footer class="blockquote-footer">By <cite title="Source Title">Ron Jeffries</cite></footer>
 	</blockquote>		
 	</div>

join-us/index.html

@@ -3,10 +3,10 @@
 title : Join Us
 active : join-us
 ---
-<h1>What is Py_contributors ?</h1>
+<h1>What is Py-Contributors ?</h1>
 <p>Py_Contributors is an open-source community for Python, Machine learning, Web Development and Data Science. Most of us are students and are continuously learning from each other's experiences.</p>
 
-<h1>Why to Contribute to open-source ?</h1>
+<h1>Why Contribute to Open-Source ?</h1>
 
 <p>Open source projects bring many benefits to those who participate in them, and such experience is great for your CV and greater for your knowledge and skills. By joining a community of like-minded people and polishing up your skills, you can give yourself a step up as an aspiring developer.</p>