add files thru upload, nice

nice
hexterminal · May 7, 2024 · 9d37a38 · 9d37a38
1 parent ca617bf
commit 9d37a38
Show file tree

Hide file tree

Showing 6 changed files with 222 additions and 4 deletions.
diff --git a/Figtree-Italic-VariableFont_wght.ttf b/Figtree-Italic-VariableFont_wght.ttf
diff --git a/Figtree-VariableFont_wght.ttf b/Figtree-VariableFont_wght.ttf
diff --git a/courses/logic-bricks/intro.html b/courses/logic-bricks/intro.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html>
+<head>
+	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<title>BGENinja - Intro to Logic Bricks</title>
+	<link rel="stylesheet" type="text/css" href="../../style2.css">
+</head>
+<body>
+	<section class="sect-1">
+		<h1>Introduction to Logic Bricks</h1>
+		<p>You'll learn what every logic bricks does in BGE and learn how to take control of them.</p>
+	</section>
+	<section class="sect-2">
+		<h2>What you'll learn</h2>
+		<ul>
+			<li>Move objects</li>
+			<li>Make basic enemy path following</li>
+			<li>Play Animations</li>
+			<li>Making use of properties</li>
+			<li>Firing bullets with raycast</li>
+			<li>and more!</li>
+		</ul>
+	</section>
+	<section class="sect-3">
+		<div class="course-list">
+			<ul class="container-cl">
+				<a href='1.html' class="ccl">
+					<li>
+						<h5><span>01</span>How to use and how it works</h5>
+						<p>The title says it all.</p>
+					</li>
+				</a>
+				<a href='2.html' class="ccl">
+					<li>
+						<h5><span>02</span>Move an object</h5>
+						<p>Learn how objects are moved using the logic bricks.</p>
+					</li>
+				</a>
+				<a href='3.html' class="ccl">
+					<li>
+						<h5><span>03</span>Make an enemy follow your character</h5>
+						<p>We'll be making an enemy follow the charecter. Yes, path following</p>
+					</li>
+				</a>
+				<a href='4.html' class="ccl">
+					<li>
+						<h5><span>04</span>How to use</h5>
+						<p>The title says it all.</p>
+					</li>
+				</a>
+				<a href='5.html' class="ccl">
+					<li>
+						<h5><span>05</span>How to use</h5>
+						<p>The title says it all.</p>
+					</li>
+				</a>
+				<a href='6.html' class="ccl">
+					<li>
+						<h5><span>06</span>How to use</h5>
+						<p>The title says it all.</p>
+					</li>
+				</a>
+				<a href='7.html' class="ccl">
+					<li>
+						<h5><span>07</span>How to use</h5>
+						<p>The title says it all.</p>
+					</li>
+				</a>
+				<a href='8.html' class="ccl">
+					<li>
+						<h5>How to use</h5>
+						<p>The title says it all. yeeeeeeeeeeeeeee</p>
+					</li>
+				</a>
+				<a href='9.html' class="ccl">
+					<li>
+						<h5>How to use</h5>
+						<p>The title says it all.</p>
+					</li>
+				</a>
+				<a href='10.html' class="ccl">
+					<li>
+						<h5>How to use</h5>
+						<p>The title says it all.</p>
+					</li>
+				</a>
+			</ul>
+		</div>
+	</section>
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -16,7 +16,8 @@
 		    <ul>
 		        <li><img src="img/bgeninja.svg" alt="Logo"></li>
 		        <li><a href="index.html">Home</a></li>
-		        <li><a href="brotips.html">BroTips</a></li>
+		        <li><a href="#courses">Courses</a></li>
+		        <li><a href="brotips.html" target="https">BroTips</a></li>
 		        <li><a href="about.html">About</a></li>
 		    </ul>
 		</nav>
@@ -29,13 +30,13 @@ <h3>Open BGE Tutorials</h3>
 			</div>
 		</div>
 	</section>
-	<section class="sect-2">
+	<section class="sect-2" id="courses">
 		<h2>Where do I start?</h2>
 		<div class="recc">
 			<div class="rec-round">1</div>
 			<h3>BGE Basics</h3>
-			<p>Learn the basics. This is recommended.</p>
-			<button>Learn BGE Basics</button>
+			<p>Learn the basics and the logic bricks.</p>
+			<button onclick="goto('/courses/logic-bricks/intro.html')">Learn BGE Basics</button>
 		</div>
 		<div class="recc">
 			<div class="rec-round">2</div>
@@ -79,6 +80,31 @@ <h5><a href="https://discord.gg/SkJmVmsRYU" target="_blank">Range Engine</a></h5
 		</div>
 	</section>
 <script>
+	function goto(relativePath) {
+	  var basePath = window.location.pathname;
+	  var newPath = basePath.substring(0, basePath.lastIndexOf('/')) + '/' + relativePath;
+	  window.location.href = newPath;
+	}
+	function scrollToSection(sectionId) {
+	  const section = document.getElementById(sectionId);
+	  if (section) {
+	    window.scrollTo({
+	      behavior: 'smooth',
+	      top: section.offsetTop
+	    });
+	  }
+	}
+	document.querySelectorAll('nav a').forEach(link => {
+	  link.addEventListener('click', function(e) {
+		const href = this.getAttribute('href');
+	// Check if the link is internal or external
+		if (href.startsWith('#')) {
+		  e.preventDefault();
+		  const sectionId = href.slice(1);
+		  scrollToSection(sectionId);
+	}
+	});
+});
     window.addEventListener('scroll', function() {
         var navBar = document.querySelector('.nav-bar');
         if (window.scrollY > 0) {

diff --git a/style.css b/style.css
@@ -161,6 +161,16 @@ section h2{
 	margin-left: 10rem;
 }
 
+/*.sect-4{
+	background-image: radial-gradient(#0B0B13 0%, #ffff 100%);
+	background-attachment: fixed;
+}*/
+
+.sect-4:hover{
+	background-image: none;
+}
+
+
 .join-discord{
 	display: flex;
 	justify-content: center;

diff --git a/style2.css b/style2.css
@@ -0,0 +1,90 @@
+@font-face{
+	font-family: Figtree;
+	src: url('"Figtree-VariableFont_wght.ttf"') format('truetype');
+}
+
+body{
+	background: #333;
+	font-family: 'Figtree', sans-serif;
+	color: whitesmoke;
+	margin: 0px;
+}
+
+section{
+	padding: 10px 20px 10px 20px;
+	background: #111;
+	transition: 0.25s	;
+}
+
+.container-cl{
+	display: grid;
+	grid-template-columns: auto auto auto auto;
+	justify-content: space-evenly;
+	align-content: center;
+	grid-gap: 50px;
+/*	flex-direction: row;*/
+/*	flex-wrap: wrap;*/
+}
+
+.container-cl a{
+	list-style: none;
+	flex: 1;
+	display: flex;
+	flex-direction: column;
+	padding: 20px;
+	min-width: 0px;
+	max-width: 200px;
+	border: solid 2px;
+	border-radius: 20px;
+	transition: 0.25s;
+	box-shadow: 0px 0px 5px black;
+}
+
+.container-cl a:hover{
+	transform: translateY(-10px);
+	background: transparent;
+	box-shadow: 0px 0px 20px azure;
+}
+
+.course-list a{
+	color: whitesmoke;
+	text-decoration: none;
+}
+
+.course-list a:hover{
+	text-decoration: none;
+}
+
+.course-list p{
+	color: gray;
+	text-decoration: none;
+}
+
+.ccl h5{
+	font-size: 20px;
+}
+
+span{
+	margin-right: 5px;
+  	background: -webkit-linear-gradient(#eee, #011ccc);
+  	-webkit-background-clip: text;
+  	-webkit-text-fill-color: transparent;
+  	font-size: 20px;
+}
+
+/*When focusing the contents*/
+.ccl:focus {
+  	outline: 2px solid dodgerblue;
+  	outline-offset: -2px;
+  	animation: focusing 0.5s infinite alternate;
+}
+
+/*Fancy Stuff*/
+@keyframes focusing{
+	0%{
+		outline: 2px solid transparent;
+	}
+	100%{
+		outline: 3px solid dodgerblue;
+	}
+}