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

11
src/class.html
View File

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

13
src/index.html
View File

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

11
src/planner.html
View File

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

45
src/style/main.css
View File

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

11
src/weapon.html
View File

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