First draft of the website & name updating [modified readme and website draft] #3
14 changed files with 473 additions and 3 deletions
|
|
@ -1,4 +1,4 @@
|
||||||
# Introducing OpenDnD
|
# Introducing freeTTRPG
|
||||||
|
|
||||||
# A Swiss Quality Project
|
# 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
|
# 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
14
Website-draft/.vscode/launch.json
vendored
Normal 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
BIN
Website-draft/assets/game.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 110 KiB |
BIN
Website-draft/assets/gigachad.png
Normal file
BIN
Website-draft/assets/gigachad.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 508 B |
BIN
Website-draft/assets/grass.png
Normal file
BIN
Website-draft/assets/grass.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
Website-draft/assets/player.png
Normal file
BIN
Website-draft/assets/player.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 461 B |
BIN
Website-draft/assets/tharok.png
Normal file
BIN
Website-draft/assets/tharok.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 540 B |
BIN
Website-draft/assets/water.png
Normal file
BIN
Website-draft/assets/water.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
73
Website-draft/download.html
Normal file
73
Website-draft/download.html
Normal 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
121
Website-draft/index.html
Normal 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
194
Website-draft/style.css
Normal 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
34
assets/test/gigachad.png.import
Normal 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
34
assets/test/tharok.png.import
Normal 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
|
||||||
|
|
@ -11,7 +11,7 @@ config_version=5
|
||||||
[application]
|
[application]
|
||||||
|
|
||||||
config/name="openDND"
|
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/features=PackedStringArray("4.2", "GL Compatibility")
|
||||||
config/icon="res://icon.svg"
|
config/icon="res://icon.svg"
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue