vodofrede/erdtree
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

changed design

Browse Source
This commit is contained in:
Frederik Palmø 2022-04-14 13:35:50 +02:00
parent 0a9dab738b
commit c9b6c23362
6 changed files with 52 additions and 52 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/armor.html
View File

@ -27,10 +27,11 @@
<body onload="init();"> <body onload="init();">
<nav> <nav>
<h2><a href="/">Elden Ring Build Planner</a></h2> <h3><a href="/">Home</a></h3>
<ul> <h3><a href="/planner.html">Build Planner</a></h3>
<li><a href="/planner.html">Build Planner</a></li> <h3><a href="/armor.html" class="current">Armor Optimizer</a></h3>
</ul> <h3><a href="/weapon.html">Weapon Finder</a></h3>
<h3><a href="/class.html">Starting Class</a></h3>
</nav> </nav>
<header> <header>
<h1>Armor Optimizer</h1> <h1>Armor Optimizer</h1>
@ -185,7 +186,7 @@
<!-- sort --> <!-- sort -->
<article style="flex-basis: 60%; min-width: 320px"> <article style="flex-basis: 60%; min-width: 320px">
<b>Results</b> <b>Results</b>
<hr />
<div> <div>
<table id="results"></table> <table id="results"></table>
</div> </div>
@ -233,7 +234,7 @@
>available under BSD-3-Clause license</a >available under BSD-3-Clause license</a
>) >)
</h5> </h5>
<h5>Copyright 2022 vodofrede</h5> <h5>© 2022 vodofrede</h5>
</footer> </footer>
</body> </body>
</html> </html>

11
src/class.html
View File

@ -27,10 +27,11 @@
<body onload="init();"> <body onload="init();">
<nav> <nav>
<h2><a href="/">Elden Ring Build Planner</a></h2> <h3><a href="/">Home</a></h3>
<ul> <h3><a href="/planner.html">Build Planner</a></h3>
<a href="/planner.html">Build Planner</a> <h3><a href="/armor.html">Armor Optimizer</a></h3>
</ul> <h3><a href="/weapon.html">Weapon Finder</a></h3>
<h3><a href="/class.html" class="current">Starting Class</a></h3>
</nav> </nav>
<header> <header>
<h1>Class Optimizer</h1> <h1>Class Optimizer</h1>
@ -281,7 +282,7 @@
>available under BSD-3-Clause license</a >available under BSD-3-Clause license</a
>) >)
</h5> </h5>
<h5>Copyright 2022 vodofrede</h5> <h5>© 2022 vodofrede</h5>
</footer> </footer>
</body> </body>
</html> </html>

13
src/index.html
View File

@ -23,10 +23,11 @@
<body> <body>
<nav> <nav>
<h2><a href="/">Elden Ring Build Planner</a></h2> <h3><a href="/" class="current">Home</a></h3>
<ul> <h3><a href="/planner.html">Build Planner</a></h3>
<li><a href="/planner.html">Build Planner</a></li> <h3><a href="/armor.html">Armor Optimizer</a></h3>
</ul> <h3><a href="/weapon.html">Weapon Finder</a></h3>
<h3><a href="/class.html">Starting Class</a></h3>
</nav> </nav>
<header> <header>
<h1>Create, view and optimize builds for Elden Ring.</h1> <h1>Create, view and optimize builds for Elden Ring.</h1>
@ -35,7 +36,7 @@
<div class="cards"> <div class="cards">
<a href="/class.html"> <a href="/class.html">
<article> <article>
<h2>Class Optimizer</h2> <h2>Starting Class</h2>
<span> <span>
<p>Find the optimal starting class for your build.</p> <p>Find the optimal starting class for your build.</p>
</span> </span>
@ -77,7 +78,7 @@
>available under BSD-3-Clause license</a >available under BSD-3-Clause license</a
>) >)
</h5> </h5>
<h5>Copyright 2022 vodofrede</h5> <h5>© 2022 vodofrede</h5>
</footer> </footer>
</body> </body>
</html> </html>

11
src/planner.html
View File

@ -21,10 +21,11 @@
<body onload="init()"> <body onload="init()">
<nav> <nav>
<h2><a href="/">Elden Ring Build Planner</a></h2> <h3><a href="/">Home</a></h3>
<ul> <h3><a href="/planner.html" class="current">Build Planner</a></h3>
<li><a href="/planner.html">Build Planner</a></li> <h3><a href="/armor.html">Armor Optimizer</a></h3>
</ul> <h3><a href="/weapon.html">Weapon Finder</a></h3>
<h3><a href="/class.html">Starting Class</a></h3>
</nav> </nav>
<header> <header>
<h1>Build Planner</h1> <h1>Build Planner</h1>
@ -274,7 +275,7 @@
>available under BSD-3-Clause license</a >available under BSD-3-Clause license</a
>) >)
</h5> </h5>
<h5>Copyright 2022 vodofrede</h5> <h5>© 2022 vodofrede</h5>
</footer> </footer>
</body> </body>
</html> </html>

45
src/style/main.css
View File

@ -2,8 +2,7 @@
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
:root { :root {
--primary: white; --primary: white;
--lighter: ghostwhite; --secondary: white;
--darker: ghostwhite;
--border: grey; --border: grey;
--font-color: black; --font-color: black;
--font-inverted: white; --font-inverted: white;
@ -14,9 +13,8 @@
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--primary: #2b2a33; --primary: #2b2a33;
--lighter: #373641; --secondary: #373641;
--darker: #1f1e25; --border: darkgrey;
--border: black;
--font-color: white; --font-color: white;
--font-inverted: black; --font-inverted: black;
--link-color: tomato; --link-color: tomato;
@ -87,9 +85,6 @@ footer {
justify-content: space-between; justify-content: space-between;
margin-top: auto; margin-top: auto;
outline: 1px solid var(--border);
background-color: var(--lighter);
} }
hr { hr {
@ -108,12 +103,13 @@ span {
nav { nav {
/* position */ /* position */
display: flex; display: flex;
justify-content: space-between; flex-flow: row nowrap;
justify-content: center;
align-items: center; align-items: center;
/* look */ /* look */
background-color: var(--darker); /* background-color: var(--darker);
outline: 1px solid var(--border); outline: 1px solid var(--border); */
} }
nav ul { nav ul {
@ -158,16 +154,15 @@ p {
/* links */ /* links */
a { a {
/* text-decoration: none; */ text-decoration: none;
color: var(--link-color); /* color: var(--link-color); */
} }
a:hover { a:hover {
color: var(--link-color); color: var(--link-color);
} }
a:visited { a.current {
/* color: #982c61; */ text-decoration: underline wavy var(--link-color) 0.08rem;
color: var(--link-color); text-underline-offset: 0.2rem;
border-bottom: 2px solid var(--link-color);
} }
/* lists & tables */ /* lists & tables */
@ -186,8 +181,8 @@ table {
text-align: center; text-align: center;
width: 100%; width: 100%;
height: 100%; height: 100%;
border: 1px solid var(--border); border: 0.15rem solid var(--border);
border-radius: 5px; border-radius: 0.5rem;
border-spacing: 0px; border-spacing: 0px;
overflow: scroll; overflow: scroll;
@ -270,11 +265,11 @@ select option {
flex-basis: 40%; flex-basis: 40%;
padding: 0.8rem 0rem 0.9rem 0rem; padding: 0.8rem 0rem 0.9rem 0rem;
border: 1px solid var(--font-color); border: 2px solid var(--font-color);
border-radius: 5px; border-radius: 1rem;
/* look */ /* look */
background-color: var(--lighter); background-color: var(--secondary);
} }
.cards article * { .cards article * {
@ -298,9 +293,9 @@ select option {
gap: 1px; gap: 1px;
padding: 10px; padding: 10px;
border: 1px solid var(--border); border: 0.15rem solid var(--border);
border-radius: 5px; border-radius: 0.5rem;
background-color: var(--lighter); background-color: var(--secondary);
min-width: 250px; min-width: 250px;
} }

11
src/weapon.html
View File

@ -27,10 +27,11 @@
<body onload="init();"> <body onload="init();">
<nav> <nav>
<h2><a href="/">Elden Ring Build Planner</a></h2> <h3><a href="/">Home</a></h3>
<ul> <h3><a href="/planner.html">Build Planner</a></h3>
<li><a href="/planner.html">Build Planner</a></li> <h3><a href="/armor.html">Armor Optimizer</a></h3>
</ul> <h3><a href="/weapon.html" class="current">Weapon Finder</a></h3>
<h3><a href="/class.html">Starting Class</a></h3>
</nav> </nav>
<header> <header>
<h1>Weapon Finder</h1> <h1>Weapon Finder</h1>
@ -939,7 +940,7 @@
<a href="https://git.palmoe.dk/vodofrede/erdtree">available under BSD-3-Clause license</a> <a href="https://git.palmoe.dk/vodofrede/erdtree">available under BSD-3-Clause license</a>
) )
</h5> </h5>
<h5>Copyright 2022 vodofrede</h5> <h5>© 2022 vodofrede</h5>
</footer> </footer>
</body> </body>
</html> </html>