interstellar_development/freettrpg
3
1
Fork 1
Code Issues 7 Pull requests Projects Releases Packages Wiki Activity Actions

First draft of the website & name updating [modified readme and website draft] #3

Closed
sageTheDm wants to merge 1 commit from refs/pull/3/head into main
pull from: refs/pull/3/head
merge into: interstellar_development:main
Conversation 2 Commits 1 Files changed 14 +473 -3
14 changed files with 473 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
README.md
View file

@ -1,4 +1,4 @@
# Introducing OpenDnD
# Introducing freeTTRPG
# A Swiss Quality Project
@ -20,4 +20,4 @@ We're building a platform where users can share their content packs with the com
# Join the Movement
We're excited to share OpenDnD with the world and hope you'll join us on this journey. Together, let's create a TTRPG ecosystem that's open, inclusive, and driven by the passion of its community.
We're excited to share freeTTRPG with the world and hope you'll join us on this journey. Together, let's create a TTRPG ecosystem that's open, inclusive, and driven by the passion of its community.

14
Website-draft/.vscode/launch.json vendored Normal file
View file

@ -0,0 +1,14 @@
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "chrome",
"request": "launch",
"name": "Open index.html",
"file": "c:\\Users\\lucab\\Desktop\\opendnd\\Website-draft\\index.html"
}
]
}

BIN
Website-draft/assets/game.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 110 KiB

BIN
Website-draft/assets/gigachad.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 508 B

BIN
Website-draft/assets/grass.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
Website-draft/assets/player.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 461 B

BIN
Website-draft/assets/tharok.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 540 B

BIN
Website-draft/assets/water.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.6 KiB

73
Website-draft/download.html Normal file
View file

@ -0,0 +1,73 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>openTTRPG</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header>
<div class="header-content">
<div class="project-name">openTTRPG</div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="#section1">open a git console</a></li>
<li><a href="#section2">Go to our codeberg website</a></li>
<li><a href="#section3">git clone</a></li>
<li><a href="#section4">read through our license</a></li>
</ul>
</div>
</header>
<article>
<section id="section1">
<h1>open a git console</h1>
<p class="code-box">$ git init</p>
<p>Initialize an empty Git repository in the current directory.</p>
</section>
<section id="section2">
<h1>Go to our codeberg website</h1>
<a href="https://codeberg.org/Patrick_Pluto/opendnd">
<button type="button">Our source code</button>
</a>
<p class="code-box">
$ git clone https://codeberg.org/Patrick_Pluto/opendnd.git
</p>
<p>
Clone the openTTRPG repository from Codeberg to your local machine.
</p>
</section>
<section id="section3">
<h1>git clone</h1>
<p class="code-box">
$ git clone https://codeberg.org/Patrick_Pluto/opendnd.git
</p>
<p>
Clone the openTTRPG repository from Codeberg to your local machine.
</p>
</section>
<section id="section4">
<h1>move into the repository</h1>
<p class="code-box">$ cd opendnd</p>
<p>Display the contents of the license file (`LICENSE`).</p>
</section>
<section id="section5">
<h1>read through our license</h1>
<p class="code-box">$ cat LICENSE</p>
<p>Move the bash console into the newly created repository</p>
</section>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

121
Website-draft/index.html Normal file
View file

@ -0,0 +1,121 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>freeTTRPG</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header>
<div class="header-content">
<div class="project-name">freeTTRPG</div>
<button class="burger-menu" onclick="toggleMenu()">☰</button>
<ul class="menu">
<li><a href="#section1">The Game</a></li>
<li><a href="#section2">Our Vision</a></li>
<li><a href="#section3">Copyright</a></li>
<li><a href="#section4">Platform</a></li>
<li><a href="#section5">Join Us</a></li>
<li><a href="#section6">Source Code</a></li>
<li><a href="#section7">Game Assets</a></li>
</ul>
</div>
</header>
<article>
<section id="section1">
<h1>The Game</h1>
<p>
Tired of the commercialization of tabletop role-playing games, we
decided to take matters into our own hands. We're creating an
open-source, community-driven TTRPG project that puts creativity and
freedom back in the hands of players.
</p>
<img src="assets/game.png" alt="current game version" />
<p>Current game version</p>
</section>
<section id="section2">
<h1>Our Vision</h1>
<p>
Our project offers a game engine with a solid foundation of basic
content and story packs to get you started. But that's just the
beginning. We're also providing a powerful content creator tool that
allows users to craft their own custom content packs. With this tool,
you'll be able to create your own rules, characters, items, spells,
attacks, and much more.
</p>
</section>
<section id="section3">
<h1>Copyright</h1>
<p>
The best part? Everything you create with our tool is yours to own and
control. We won't claim any copyright or ownership over your
creations. You're free to share, modify, or use your content as you
see fit.
</p>
</section>
<section id="section4">
<h1>Community-Driven Platform</h1>
<p>
We're building a platform where users can share their content packs
with the community. While sharing is encouraged, it's not required.
You can keep your creations private or share them with the world – the
choice is yours.
</p>
</section>
<section id="section5">
<h1>Join Us</h1>
<p>
We're excited to share freeTTRPG with the world and hope you'll join
us on this journey. Together, let's create a TTRPG ecosystem that's
open, inclusive, and driven by the passion of its community.
</p>
</section>
<section id="section6">
<h1>Our Code</h1>
<a href="download.html" target="_blank"
><button type="button">Download</button></a
>
</section>
<section id="section7">
<h1>Our Game Assets</h1>
<ul class="cards flex">
<li class="card">
<img src="assets/gigachad.png" alt="Gigachad" />
<h3>Gigachad</h3>
<p>Our test human paladin on maximum level</p>
</li>
<li class="card">
<img src="assets/tharok.png" alt="Tharok" />
<h3>Tharok</h3>
<p>Our test human fighter on starting level</p>
</li>
<li class="card">
<img src="assets/water.png" alt="Water Texture" />
<h3>Water</h3>
<p>Our water texture that is incomplete</p>
</li>
<li class="card">
<img src="assets/grass.png" alt="Grass Texture" />
<h3>Grass</h3>
<p>Our grass texture that is incomplete</p>
</li>
</ul>
</section>
</article>
<script>
function toggleMenu() {
const menu = document.querySelector(".menu");
menu.classList.toggle("active");
}
</script>
</body>
</html>

194
Website-draft/style.css Normal file
View file

@ -0,0 +1,194 @@
/* Reset and global styles */
* {
box-sizing: border-box;
margin: 0;
padding: 0;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
transition: 0.5s;
}
/* Body styles */
body {
background-color: #f5f5f5;
background-image: url("img/KSS.jpeg");
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;
display: flex;
flex-direction: column;
align-items: center;
min-height: 100vh;
}
/* Header styles */
header {
background-color: rgba(0, 0, 0, 0.7);
padding: 10px;
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
}
.header-content {
display: flex;
justify-content: space-between;
align-items: center;
max-width: 1200px;
margin: 0 auto;
}
.project-name {
color: white;
font-size: 1.5em;
}
.burger-menu {
background: none;
border: none;
color: white;
font-size: 1.5em;
cursor: pointer;
display: none;
}
.menu {
list-style: none;
display: flex;
justify-content: space-around;
flex-grow: 1;
}
header li {
margin: 0 10px;
}
header a {
color: white;
text-decoration: none;
padding: 10px;
border-radius: 5px;
transition: background-color 0.3s ease;
}
header a:hover {
background-color: rgba(255, 255, 255, 0.2);
}
/* Article styles */
article {
margin-top: 100px;
padding: 20px;
width: 90%;
max-width: 800px;
background: rgba(255, 255, 255, 0.9);
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
text-align: center;
}
h1 {
color: #333;
margin-bottom: 20px;
}
p {
color: #666;
line-height: 1.6;
margin-bottom: 20px;
}
img {
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
button {
padding: 10px 20px;
margin: 2em;
border: none;
background-color: #333;
color: white;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}
button:hover {
background-color: #555;
}
/* Additional CSS for command-line style */
.code-box {
background-color: #f0f0f0;
font-family: "Courier New", Courier, monospace;
padding: 10px;
border-left: 4px solid #555;
margin-left: 20px;
}
.flex {
display: flex;
align-items: center;
}
/* Cards section styles */
section .cards {
margin-top: 50px;
flex-wrap: wrap;
justify-content: space-between;
}
section .card {
width: calc(100% / 3 - 30px);
text-align: center;
list-style: none;
background-color: #fff;
padding: 40px 15px;
border-radius: 5px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.04);
margin-bottom: 20px;
}
section .card img {
height: 120px;
width: 120px;
border-radius: 50%;
margin-bottom: 20px;
}
/* Mobile Styles */
@media (max-width: 768px) {
.burger-menu {
display: block;
}
.menu {
display: none;
flex-direction: column;
background-color: rgba(0, 0, 0, 0.7);
position: absolute;
top: 50px;
left: 0;
width: 100%;
z-index: 999; /* Adjusted z-index to ensure dropdown covers article content */
}
.menu.active {
display: flex;
}
header li {
margin: 0;
width: 100%;
}
header a {
padding: 15px;
width: 100%;
display: block;
}
}

34
assets/test/gigachad.png.import Normal file
View file

@ -0,0 +1,34 @@
[remap]
importer="texture"
type="CompressedTexture2D"
uid="uid://cjt5fedr54w6u"
path="res://.godot/imported/gigachad.png-0332640cb704dbcf450ac0f1e305a5f8.ctex"
metadata={
"vram_texture": false
}
[deps]
source_file="res://assets/test/gigachad.png"
dest_files=["res://.godot/imported/gigachad.png-0332640cb704dbcf450ac0f1e305a5f8.ctex"]
[params]
compress/mode=0
compress/high_quality=false
compress/lossy_quality=0.7
compress/hdr_compression=1
compress/normal_map=0
compress/channel_pack=0
mipmaps/generate=false
mipmaps/limit=-1
roughness/mode=0
roughness/src_normal=""
process/fix_alpha_border=true
process/premult_alpha=false
process/normal_map_invert_y=false
process/hdr_as_srgb=false
process/hdr_clamp_exposure=false
process/size_limit=0
detect_3d/compress_to=1

34
assets/test/tharok.png.import Normal file
View file

@ -0,0 +1,34 @@
[remap]
importer="texture"
type="CompressedTexture2D"
uid="uid://jdhx6w38ifh7"
path="res://.godot/imported/tharok.png-154bb81c083d35fa46f266b3cfa46578.ctex"
metadata={
"vram_texture": false
}
[deps]
source_file="res://assets/test/tharok.png"
dest_files=["res://.godot/imported/tharok.png-154bb81c083d35fa46f266b3cfa46578.ctex"]
[params]
compress/mode=0
compress/high_quality=false
compress/lossy_quality=0.7
compress/hdr_compression=1
compress/normal_map=0
compress/channel_pack=0
mipmaps/generate=false
mipmaps/limit=-1
roughness/mode=0
roughness/src_normal=""
process/fix_alpha_border=true
process/premult_alpha=false
process/normal_map_invert_y=false
process/hdr_as_srgb=false
process/hdr_clamp_exposure=false
process/size_limit=0
detect_3d/compress_to=1

2
project.godot
View file

@ -11,7 +11,7 @@ config_version=5
[application]
config/name="openDND"
run/main_scene="res://scenes/menu/main.tscn"
run/main_scene="res://scenes/test/map.tscn"
config/features=PackedStringArray("4.2", "GL Compatibility")
config/icon="res://icon.svg"