Commit f5809160 authored by Christoph Mayr's avatar Christoph Mayr

added pokedex styling

parent d77e81f4
This diff is collapsed.
......@@ -3,38 +3,45 @@
<head>
<meta charset="UTF-8">
<title>Poke Dex Go</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
</head>
<body>
<section class="top">
<h1 class="title"><p class="blue_dot"></p>Solr Pokédex</h1>
</section>
<section class="search">
<form class="searchForm" action="">
<input id="input" name="q" type="text" />
<label><p>Filter by type:</p>
<select name="type" id="type">
<option value="">-Zum filtern auswählen-</option>
<option value="Water">Water</option>
<option value="Fire">Fire</option>
<option value="Grass">Grass</option>
<option value="Poison">Poison</option>
<option value="Normal">Normal</option>
<option value="Electric">Electric</option>
<option value="Ice">Ice</option>
<option value="Fighting">Fighting</option>
<option value="Ground">Ground</option>
<option value="Flying">Flying</option>
<option value="Psychic">Psychic</option>
<option value="Bug">Bug</option>
<option value="Rock">Rock</option>
<option value="Ghost">Ghost</option>
<option value="Dragon">Dragon</option>
<option value="Dark">Dark</option>
<option value="Steel">Steel</option>
<option value="Fairy">Fairy</option>
</select>
</label>
<button id="searchButton" type="submit" class="button">Send</button>
<h2>Search for a Pokémon!</h2>
<input id="input" name="q" type="text" class="formelement"/>
<select name="type" id="type" class="formelement">
<option value="">-Pick a Type to Filter-</option>
<option value="Water">Water</option>
<option value="Fire">Fire</option>
<option value="Grass">Grass</option>
<option value="Poison">Poison</option>
<option value="Normal">Normal</option>
<option value="Electric">Electric</option>
<option value="Ice">Ice</option>
<option value="Fighting">Fighting</option>
<option value="Ground">Ground</option>
<option value="Flying">Flying</option>
<option value="Psychic">Psychic</option>
<option value="Bug">Bug</option>
<option value="Rock">Rock</option>
<option value="Ghost">Ghost</option>
<option value="Dragon">Dragon</option>
<option value="Dark">Dark</option>
<option value="Steel">Steel</option>
<option value="Fairy">Fairy</option>
</select>
<button id="searchButton" type="submit" class="button formelement">Search</button>
</form>
</section>
......
......@@ -61,7 +61,7 @@ function sendNameQuery(q){
//var query = "q=about_txt_en:("+ q +")&rows=100" //rows ist nötig, sonst nur 10 results
var query = client.createQuery()
.q({*q*})
.q(q)
.dismax()
.qf({poke_txt_en : 0.2 , about_txt_en : 3.3})
.mm(0)
......
* {
margin: 0;
}
body{
background-color: #CB2D36;
color: white;
font-family: 'Raleway', sans-serif;
}
.title{
font-size: 3em;
padding: 0.2em;
border-bottom: solid;
border-right: solid;
border-color: black;
border-bottom-right-radius: 1em;
width: 40%;
background-color: #b62830;
display: flex;
}
.blue_dot{
width: 0.8em;
height: 0.8em;
border-radius: 50%;
background-color: #6AE8F2;
border-color: black;
border-style: solid;
margin-right: 0.5em;
}
.search{
padding-top: 2em;
display: flex;
justify-content: center;
}
.searchForm{
display: flex;
flex-direction: column;
justify-content: center;
background-color: #6AE8F2;
width: 40%;
padding: 1em;
border-bottom-left-radius: 1em;
color: black;
border-style: solid;
border-width: 2px;
font-size: 1.2em;
}
.formelement{
width: 20em;
height: 2em;
margin-top: 1em;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment