Skip to content

Commit

Permalink
uh
Browse files Browse the repository at this point in the history
  • Loading branch information
@realandrecon
realandrecon committed Sep 29, 2024
2 parents 5e88695 + 328efa3 commit 57f8036
Show file tree
Hide file tree
Showing 2 changed files with 186 additions and 4 deletions.
131 changes: 128 additions & 3 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
Expand All @@ -8,23 +9,24 @@
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap">
<title>RJ Studios Official Website</title>
<link rel="icon" type="image/svg+xml" href="favicon.svg">
</head>

<body>
<div class="container">
<div class="left-section">
<img src="favicon.svg" alt="RJ Logo" id="pfp">
<span class="rjstudios">
<div class="rjstudios">
<h2 class="poppins-black">Really Janky</h2>
<h1 class="poppins-studios">STUDIOS</h1>
</span>
</div>
<div class="quick-info">
<p>It's not just Janky, it's Really Janky!</p>
<button class="poppins-bold asearch" title="Search the internet using aSearch"><a href="https://browse.cgcristi.xyz">Browse via aSearch</a></button>
</div>
</div>
<<<<<<< HEAD
<div class="divider"></div>
<div class="center-section">
<div id="about" class="content active">
Expand Down Expand Up @@ -74,13 +76,88 @@ <h1><a href="https://github.com/RJStudios/" target="_blank" title="Redirects to
<a href="https://acloud.spitkov.hu/" target="_blank">aCloud</a>
<p>File and Text Sharing, and URL Shortning Tool<a id="small" href="https://github.com/RJStudios/aCloud" target="_blank">Source Code</a></p>
</div> <br>
=======
</div>

<div class="top-section">
<div class="section-links">
<a href="#" onclick="showContent('about')" class="poppins-medium">
<i class="fa fa-info-circle"></i> About
</a>
<a href="#" onclick="showContent('socials')" class="poppins-medium">
<i class="fa fa-share-alt"></i> Members' Socials
</a>
<a href="#" onclick="showContent('contact')" class="poppins-medium">
<i class="fa fa-envelope"></i> Contact
</a>
<a href="#" onclick="showContent('projects')" class="poppins-medium">
<i class="fa fa-code"></i> Projects
</a>
<a href="#" onclick="showContent('comics')" class="poppins-medium">
<i class="fa-solid fa-book-open"></i> Comics
</a>
</div>
</div>

<div class="divider"></div>

<div class="container">
<div class="center-section">
<div id="about" class="content active">
<h1 class="poppins-bold">About</h1>
<p>RJ Studios is an indie studio, currently making cool programs. <br> RJ Studios stands for Really Janky Studios, and as the name suggests, we are a bit Janky... <br> RJ Studios is consisted of <a href="https://www.instagram.com/andrecon.des/" target="_blank" class="poppins-medium" id="about">Andrecon</a>, <a href="https://github.com/realcgcristi" target="_blank" class="poppins-medium" id="about">CGCristi</a> and <a href="https://www.youtube.com/@a.arond_official" target="_blank" class="poppins-medium" id="about">Arond</a></p>
</div>
<div id="socials" class="content">
<h1 class="poppins-bold">Members' Socials</h1>
<span id="purplelink">
<p><a href="https://www.instagram.com/andrecon.des/" target="_blank" class="poppins-medium">Andrecon's Instagram</a></p>
<p><a href="https://github.com/realcgcristi" target="_blank" class="poppins-medium">CGCristi's Github</a></p>
<p><a href="https://www.youtube.com/@a.arond_official" target="_blank" class="poppins-medium">Arond's Youtube</a></p>
</span>
<br>
<hr>
<br>
<h1 class="poppins-bold">Members' Websites</h1>
<span id="greenlink">
<p><a href="https://andrecon.cgcristi.xyz" target="_blank" class="poppins-medium">Andrecon's Website</a></p>
<p><a href="https://cgcristi.xyz" target="_blank" class="poppins-medium">CGCristi's Website</a></p>
<p>Arond's Website (sorry nothing here, for now)</p>
</span>
</div>
<div id="contact" class="content">
<h1 class="poppins-bold">Contact</h1>
<span id="greenlink">
<p>Support/Requests: <a href="https://rj-support.cgcristi.xyz" class="poppins-medium">RJ Form</a></p>
<p>Or email us directly at: <a href="mailto:[email protected]" class="poppins-medium">[email protected]</a></p>
</span>
</div>
<div id="projects" class="content">
<h1 class="poppins-bold"><a href="https://github.com/RJStudios/" target="_blank" title="Redirects to RJ Studios Github">Projects</a></h1>
<div class="items">
<div class="repo-item">
<a href="https://github.com/RJStudios/RJ-Tools-PY" target="_blank">RJ-Tools</a>
<p>A quality-of-life multi-tool</p>
</div>
<br>
<div class="repo-item">
<a href="https://github.com/RJStudios/StreamFlare" target="_blank">StreamFlare Terminal / UI</a>
<p>YouTube Video Downloading Tool, that runs in terminal or using User-Interface</p>
</div>
<br>
<div class="repo-item">
<a href="https://acloud.spitkov.hu/" target="_blank">aCloud</a>
<p>File and Text Sharing, and URL Shortening Tool <a id="small" href="https://github.com/RJStudios/aCloud" target="_blank">Source Code</a></p>
</div>
<br>
>>>>>>> 328efa3419852eaa82cd77deaeb28456d02146c1
<div class="repo-item">
<a href="https://browse.cgcristi.xyz/" target="_blank">aSearch</a>
<p>A simple and private search engine.</p>
</div>
</div>
</div>
<div id="comics" class="content">
<<<<<<< HEAD
<h1>Comics</h1>
<p id="subtitle">Read Pablo's Very Normal Adventure, right here, right now! <br>
Click on a comic to open it full-screen. Hover over it to show its title. <br>
Expand Down Expand Up @@ -152,6 +229,54 @@ <h3>Minecraft Live 2024</h3>
<p class="blog-date">Crafted on: <span>September 28th, 2024</span></p>
<p>Have you watched Minecraft Live? Well do it now! <a hre="https://www.youtube.com/watch?v=qnX6sPFjXnA">[go to live]</a></p>
</div>
=======
<h1 class="poppins-bold">Comics</h1>
<p id="subtitle">Read Pablo's Very Normal Adventure, right here, right now! <br> Click on a comic to open it full-screen. Hover over it to show its title. <br> If you see comics covered in outlines, the comics are connected / is a comic with multiple pages</p>
<div id="images" class="items">
<a href="/comicsfull/pablobomb.png" target="_blank" title="Pablo and the B O M B"><img src="comics/pablobomb.png"></a>
<a href="/comicsfull/pablospecies.png" target="_blank" title="Pablo's Species"><img src="comics/pablospecies.png"></a> <br>
<span class="combo">
<p>At the Pizza Place</p>
<a href="/comicsfull/pizza1.png" target="_blank" title="At the Pizza Place"><img src="comics/pizza1.png"></a>
<a href="/comicsfull/pizza2.png" target="_blank" title="At the Pizza Place"><img src="comics/pizza2.png"></a>
</span><br>
<span class="combo">
<p>Pablo's Fear of Long Words</p>
<a href="/comicsfull/fearwords1.png" target="_blank" title="Pablo's Fear of Long Words"><img src="comics/fearwords1.png"></a>
<a href="/comicsfull/fearwords2.png" target="_blank" title="Pablo's Fear of Long Words"><img src="comics/fearwords2.png"></a>
</span>
<span class="combo">
<p>The Pet - Three part Comic</p>
<a href="/comicsfull/pet1.png" target="_blank" title="Pablo's Phone Obsession"><img src="comics/pet1.png"></a>
<a href="/comicsfull/pet2.png" target="_blank" title="Michael's Pet"><img src="comics/pet2.png"></a>
<a href="/comicsfull/pet3.png" target="_blank" title="About FireFox"><img src="comics/pet3.png"></a>
</span> <br>
<a href="/comicsfull/playground.png" target="_blank" title="At The Playground"><img src="comics/playground.png"></a>
<a href="/comicsfull/whitevoid.png" target="_blank" title="The White Void"><img src="comics/whitevoid.png"></a>
<span class="combo">
<p>The Button Series (continuation of "The White Void")</p>
<a href="/comicsfull/B1.png" target="_blank" title="The Button - 1"><img src="comics/B1.png"></a>
<a href="/comicsfull/B2.png" target="_blank" title="The Button - 2"><img src="comics/B2.png"></a>
<a href="/comicsfull/B3.png" target="_blank" title="The Button - 3"><img src="comics/B3.png"></a>
<a href="/comicsfull/B4.png" target="_blank" title="The Button - 4"><img src="comics/B4.png"></a>
<a href="/comicsfull/B5.png" target="_blank" title="The Button - 5"><img src="comics/B5.png"></a>
<a href="/comicsfull/B6-1.png" target="_blank" title="The Button - 6 - part 1"><img src="comics/B6-1.png"></a>
<a href="/comicsfull/B6-2.png" target="_blank" title="The Button - 6 - part 2"><img src="comics/B6-2.png"></a>
</span> <br>
<span class="combo">
<p>The Secret Package</p>
<a href="/comicsfull/secretpackage1.png" target="_blank" title="The Secret Package"><img src="comics/secretpackage1.png"></a>
<a href="/comicsfull/secretpackage2.png" target="_blank" title="The Secret Package"><img src="comics/secretpackage2.png"></a>
</span> <br>
<a href="/comicsfull/oppositeday.png" target="_blank" title="Opposite Day"><img src="comics/oppositeday.png"></a>
<a href="/comicsfull/newmember.png" target="_blank" title="New Member (New Character - Jenny)"><img src="comics/newmember.png"></a>
<span class="combo">
<p>Minecraft News</p>
<a href="/comicsfull/mcnews1.png" target="_blank" title="Minecraft News"><img src="comics/mcnews1.png"></a>
<a href="/comicsfull/mcnews2.png" target="_blank" title="Minecraft News"><img src="comics/mcnews2.png"></a>
</span>
</div>
>>>>>>> 328efa3419852eaa82cd77deaeb28456d02146c1
</div>
</div>
</div>
Expand Down
59 changes: 58 additions & 1 deletion style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,6 +23,63 @@ body {
font-family: 'Poppins', sans-serif;
}

/* Top Navigation Bar */
.navbar {
display: flex;
justify-content: center;
background-color: #333;
padding: 10px;
position: fixed;
width: 100%;
top: 0;
z-index: 1000;
}

.navbar a {
color: white;
padding: 14px 20px;
text-align: center;
text-decoration: none;
}

.navbar a:hover {
background-color: #ddd;
color: black;
}

/* Sidebar for Logo, Name, and Slogan */
.sidebar {
position: fixed;
left: 0;
top: 0;
width: 250px;
padding: 20px;
background-color: #f4f4f4;
height: 100vh;
}

.sidebar img {
width: 100px;
margin-bottom: 10px;
}

.sidebar h1 {
font-size: 24px;
margin: 10px 0;
}

.sidebar p {
font-size: 16px;
color: gray;
}

/* Main content */
.main-content {
margin-left: 270px;
padding: 20px;
padding-top: 80px; /* to avoid overlap with navbar */
}

button.asearch {
border-radius: 30px;
width: 160px;
Expand Down Expand Up @@ -430,4 +487,4 @@ div#images#items {
border-radius: 25px;
width: 3px;
cursor: row-resize;
}
}

0 comments on commit 57f8036

Please sign in to comment.