changed design
This commit is contained in:
parent
0a9dab738b
commit
c9b6c23362
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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>
|
||||
|
@ -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;
|
||||
}
|
||||
|
||||
|
@ -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>
|
||||
|
Loading…
Reference in New Issue
Block a user