~cdv/quest-tools

ae3af7c7decab871c8bed2775c363f866108d652 — Chris Vittal 4 months ago 356cc94 main
Add header
M web/_static/404.html => web/_static/404.html +11 -0
@@ 3,10 3,21 @@
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:wght@400;500;700&family=Alegreya:wght@700;900&family=Ovo&family=Germania+One&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/style.css">
    <title>404 &mdash; Quest RPG Helper</title>
  </head>
  <body>
    <header>
      <div class="title-box"><a href="/">Adventure Forge</a></div>
      <nav>
        <ul>
          <li><a href="/create/character">Create Character</a></li>
          <!-- <li>Create World</li> -->
          <li><a href="/attribution">About &amp; Credits</a></li>
        </ul>
      </nav>
    </header>
    <main>
    <h1>&mdash; Oops! No Page Here &mdash;</h1>
    <p>

M web/_static/attribution/index.html => web/_static/attribution/index.html +11 -0
@@ 3,10 3,21 @@
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:wght@400;500;700&family=Alegreya:wght@700;900&family=Ovo&family=Germania+One&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/style.css">
    <title>Licensing Quest RPG Helper</title>
  </head>
  <body>
    <header>
      <div class="title-box"><a href="/">Adventure Forge</a></div>
      <nav>
        <ul>
          <li><a href="/create/character">Create Character</a></li>
          <!-- <li>Create World</li> -->
          <li><a class="active" href="/attribution">About &amp; Credits</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <h1>License and Attribution</h1>
      <p class=pullquote-1>

M web/_static/create/character/index.html => web/_static/create/character/index.html +11 -0
@@ 3,10 3,21 @@
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:wght@400;500;700&family=Alegreya:wght@700;900&family=Ovo&family=Germania+One&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/style.css">
    <title>Character Creator &mdash; Quest RPG Helper</title>
  </head>
  <body>
    <header>
      <div class="title-box"><a href="/">Adventure Forge</a></div>
      <nav>
        <ul>
          <li><a class="active" href="/create/character">Create Character</a></li>
          <!-- <li>Create World</li> -->
          <li><a href="/attribution">About &amp; Credits</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <h1>So, who are you?</h1>
      <p>

M web/_static/index.html => web/_static/index.html +11 -0
@@ 3,10 3,21 @@
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:wght@400;500;700&family=Alegreya:wght@700;900&family=Ovo&family=Germania+One&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/style.css">
    <title>Quest RPG Helper</title>
  </head>
  <body>
    <header>
      <div class="title-box"><a href="/">Adventure Forge</a></div>
      <nav>
        <ul>
          <li><a href="/create/character">Create Character</a></li>
          <!-- <li>Create World</li> -->
          <li><a href="/attribution">About &amp; Credits</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <h1>Welcome</h1>
      <p class=pullquote-1>

M web/_static/style.css => web/_static/style.css +48 -4
@@ 1,9 1,50 @@
@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:wght@400;500;700&family=Alegreya:wght@700;900&family=Ovo&display=swap');

html {
	background: #000;
}

header {
	color: #fff;
	padding-top: 40px;
	grid-column: 1 / 4;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

header .title-box {
	font-family: Germania One;
	font-size: 40px;
}

header nav {
	font-family: Alegreya Sans SC;
	font-weight: 700;
	font-size: 17px;
	font-style: normal;
	letter-spacing: 0.09em;
	text-transform: lowercase;
}

header nav ul {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	list-style-type: none;
	padding: 0;
}

header nav ul li a {
	padding: 1ex;
}

header nav ul li a.active {
	color: #ffea00;
}

header nav ul li a:hover {
	color: #ffea00;
}

body {
	max-width: 1280px;
	display: grid;


@@ 47,6 88,10 @@ a {
	text-decoration: none;
}

a:visited {
	color: inherit;
}

p.pullquote-1 {
	color: #fff;
	margin-top: 15px;


@@ 171,7 216,6 @@ input[type=submit]:active {
		margin: 0 auto;
		border-radius: 45px;
		border: 5px #000 solid;
		line-height: 1.6em;
	}

	p.rendered-character-profile em {


@@ 188,7 232,6 @@ input[type=submit]:active {
	p.rendered-character-profile {
		border: 5px #fff solid;
		border-radius: 45px;
		line-height: 2em;
	}

	p.rendered-character-profile em {


@@ 200,6 243,7 @@ input[type=submit]:active {
p.rendered-character-profile {
	font-size: 24px;
	padding: 2em 1.5em;
	line-height: 2em;
	width: 750px;
	margin: 0 auto 1em auto;
}

M web/src/main.rs => web/src/main.rs +12 -2
@@ 91,13 91,23 @@ static CHARACTER_TEMPLATE: &str = r#"
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:wght@400;500;700&family=Alegreya:wght@700;900&family=Ovo&family=Germania+One&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/style.css">
    <title>Quest RPG Helper</title>
  </head>
  <body>
    <header>
      <div class="title-box"><a href="/">Adventure Forge</a></div>
      <nav>
        <ul>
          <li><a href="/create/character">Create Character</a></li>
          <li><a href="/attribution">About &amp; Credits</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <h1 style="text-align: center;">Character Profile</h1>
      <p class="pullquote-1" style="text-align: center;">{{name}}</p>
      <h1 style="text-align:center;">Character Profile</h1>
      <p class="pullquote-1" style="text-align:center; margin-bottom:15px;">{{name}}</p>
      <p class=rendered-character-profile>
Hello,<br>
My name is <em>{{name}}</em> (<em>{{pronouns}}</em>). I'm <em>{{age}}</em> years old and stand