Initial app designs
This commit is contained in:
parent
92393875dc
commit
da6cf800ec
|
|
@ -0,0 +1,47 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel="stylesheet" type="text/css" href="styles.css" />
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="menu">
|
||||||
|
<ul>
|
||||||
|
<li> <a href="index.html">Index</a> </li>
|
||||||
|
<li> <a href="playing.html">Game Board for playing</a> </li>
|
||||||
|
<li> <a href="database.html">Game database</a> </li>
|
||||||
|
<li> <a href="analysis.html">Game board for analysis</a> </li>
|
||||||
|
<li> Connection management </li>
|
||||||
|
<li> Challenge list </li>
|
||||||
|
<li> Friends list </li>
|
||||||
|
<li> Open challenges </li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="widget">
|
||||||
|
<div> US Go Congress 2023, DDK Tournament, Round 1, Board 25 </div>
|
||||||
|
<div class="game-analysis">
|
||||||
|
<div class="game-analysis__board">
|
||||||
|
<img src="game-screen.jpg" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="game-analysis__tree">
|
||||||
|
<div>
|
||||||
|
<img src="game-tree.jpg" />
|
||||||
|
</div>
|
||||||
|
<p> Shoring up the wall. Any chance to capture that group was lost a couple of moves back and Savanni knows it. </p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="game-info">
|
||||||
|
<div class="player-info">
|
||||||
|
<div> Savanni (10k) </div>
|
||||||
|
</div>
|
||||||
|
<div class="player-info">
|
||||||
|
<div> Opal (10k) </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
@ -0,0 +1,118 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel="stylesheet" type="text/css" href="styles.css" />
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="menu">
|
||||||
|
<ul>
|
||||||
|
<li> <a href="index.html">Index</a> </li>
|
||||||
|
<li> <a href="playing.html">Game Board for playing</a> </li>
|
||||||
|
<li> <a href="database.html">Game database</a> </li>
|
||||||
|
<li> Game board for analysis </li>
|
||||||
|
<li> Connection management </li>
|
||||||
|
<li> Challenge list </li>
|
||||||
|
<li> Friends list </li>
|
||||||
|
<li> Open challenges </li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="widget">
|
||||||
|
<div class="game-filter">
|
||||||
|
<input class="game-filter__term" placeholder="date" />
|
||||||
|
<input class="game-filter__term" placeholder="player name" />
|
||||||
|
<input class="game-filter__term" placeholder="minimum strength" />
|
||||||
|
<input class="game-filter__term" placeholder="maximum strength" />
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="game-database">
|
||||||
|
<div class="game-entry">
|
||||||
|
<a href="analysis.html"><img class="game-entry__icon" src="game-thumbnail.jpg" /></a>
|
||||||
|
<div class="game-entry__info-card">
|
||||||
|
<div class="game-entry__info-row">
|
||||||
|
2016-06-15
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="game-entry__info-row">
|
||||||
|
(B) Alpha Go (w)
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="game-entry__info-row">
|
||||||
|
(W) Lee Sedol
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="game-entry">
|
||||||
|
<img class="game-entry__icon" src="game-thumbnail.jpg" />
|
||||||
|
<div class="game-entry__info-card">
|
||||||
|
<div class="game-entry__info-row">
|
||||||
|
2016-06-15
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="game-entry__info-row">
|
||||||
|
(B) Alpha Go (w)
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="game-entry__info-row">
|
||||||
|
(W) Lee Sedol
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="game-entry">
|
||||||
|
<img class="game-entry__icon" src="game-thumbnail.jpg" />
|
||||||
|
<div class="game-entry__info-card">
|
||||||
|
<div class="game-entry__info-row">
|
||||||
|
2016-06-15
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="game-entry__info-row">
|
||||||
|
(B) Alpha Go (w)
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="game-entry__info-row">
|
||||||
|
(W) Lee Sedol
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="game-entry">
|
||||||
|
<img class="game-entry__icon" src="game-thumbnail.jpg" />
|
||||||
|
<div class="game-entry__info-card">
|
||||||
|
<div class="game-entry__info-row">
|
||||||
|
2016-06-15
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="game-entry__info-row">
|
||||||
|
(B) Alpha Go (w)
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="game-entry__info-row">
|
||||||
|
(W) Lee Sedol
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="game-entry">
|
||||||
|
<img class="game-entry__icon" src="game-thumbnail.jpg" />
|
||||||
|
<div class="game-entry__info-card">
|
||||||
|
<div class="game-entry__info-row">
|
||||||
|
2016-06-15
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="game-entry__info-row">
|
||||||
|
(B) Alpha Go (w)
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="game-entry__info-row">
|
||||||
|
(W) Lee Sedol
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
||||||
Binary file not shown.
|
After Width: | Height: | Size: 151 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 81 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.9 KiB |
|
|
@ -0,0 +1,24 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel="stylesheet" type="text/css" href="styles.css" />
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="menu">
|
||||||
|
<ul>
|
||||||
|
<li> <a href="playing.html">Game Board for playing</a> </li>
|
||||||
|
<li> <a href="database.html">Game database</a> </li>
|
||||||
|
<li> <a href="analysis.html">Game board for analysis</a> </li>
|
||||||
|
<li> Connection management </li>
|
||||||
|
<li> Challenge list </li>
|
||||||
|
<li> Friends list </li>
|
||||||
|
<li> Open challenges </li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="widget">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,49 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel="stylesheet" type="text/css" href="styles.css" />
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="menu">
|
||||||
|
<ul>
|
||||||
|
<li> <a href="index.html">Index</a> </li>
|
||||||
|
<li> <a href="playing.html">Game Board for playing</a> </li>
|
||||||
|
<li> Game database </li>
|
||||||
|
<li> Game board for analysis </li>
|
||||||
|
<li> Connection management </li>
|
||||||
|
<li> Challenge list </li>
|
||||||
|
<li> Friends list </li>
|
||||||
|
<li> Open challenges </li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="widget">
|
||||||
|
|
||||||
|
<img src="game-screen.jpg" />
|
||||||
|
|
||||||
|
<div class="game-info">
|
||||||
|
<div class="player-info">
|
||||||
|
<div> Savanni (10k) </div> <div> 24:53 </div>
|
||||||
|
</div>
|
||||||
|
<div class="player-info">
|
||||||
|
<div> Opal (10k) </div> <div> 25:00 </div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="chat">
|
||||||
|
<div>
|
||||||
|
<textarea cols="80" rows="25">
|
||||||
|
[22:05] Savanni: oops
|
||||||
|
[22:06] Opal: you know I'll take advantage of that, right?
|
||||||
|
</textarea>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<input size="60"></input>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
||||||
|
|
@ -0,0 +1,270 @@
|
||||||
|
(;FF[4]
|
||||||
|
CA[UTF-8]
|
||||||
|
GM[1]
|
||||||
|
DT[2022-02-17]
|
||||||
|
GN[Amika Matĉo]
|
||||||
|
PC[https://online-go.com/review/823151]
|
||||||
|
PB[mearss25]
|
||||||
|
PW[savanni.dgerinel]
|
||||||
|
BR[16k]
|
||||||
|
WR[10k]
|
||||||
|
TM[1500]OT[15 fischer]
|
||||||
|
RE[W+46.5]
|
||||||
|
SZ[19]
|
||||||
|
KM[7.5]
|
||||||
|
RU[AGA]
|
||||||
|
|
||||||
|
;B[pd]SQ[ph]SQ[oi]LB[pi:B]LB[qi:A]SQ[pj]LB[qj:C]
|
||||||
|
;W[dp]
|
||||||
|
;B[dd]
|
||||||
|
;W[qp]
|
||||||
|
;B[ch]
|
||||||
|
;W[np]
|
||||||
|
;B[cl]
|
||||||
|
;W[qf]
|
||||||
|
;B[qh]
|
||||||
|
(;W[of]
|
||||||
|
(;B[nc]
|
||||||
|
;W[oi]
|
||||||
|
;B[pj]
|
||||||
|
;W[md]
|
||||||
|
;B[nk]
|
||||||
|
;W[jd]
|
||||||
|
;B[gc]
|
||||||
|
(;W[jj]
|
||||||
|
;B[mi]
|
||||||
|
;W[mj]
|
||||||
|
;B[lj]
|
||||||
|
;W[nj]
|
||||||
|
;B[ok]
|
||||||
|
;W[li]
|
||||||
|
;B[ki]
|
||||||
|
;W[lh]
|
||||||
|
;B[kj]
|
||||||
|
;W[kh]
|
||||||
|
;B[mk]
|
||||||
|
(;W[pi]
|
||||||
|
;B[qi]
|
||||||
|
;W[ji]
|
||||||
|
;B[ni]
|
||||||
|
;W[oj]
|
||||||
|
;B[nh]
|
||||||
|
;W[mh]
|
||||||
|
;B[oh]
|
||||||
|
;W[ng]
|
||||||
|
;B[ig]
|
||||||
|
;W[qc]
|
||||||
|
;B[pf]
|
||||||
|
;W[pg]
|
||||||
|
;B[ph]
|
||||||
|
;W[pe]
|
||||||
|
;B[qd]
|
||||||
|
;W[od]
|
||||||
|
;B[oc]
|
||||||
|
;W[pc]
|
||||||
|
;B[nd]
|
||||||
|
;W[oe]
|
||||||
|
;B[og]
|
||||||
|
;W[rd]
|
||||||
|
;B[mc]
|
||||||
|
;W[mf]
|
||||||
|
;B[ld]
|
||||||
|
;W[me]
|
||||||
|
;B[jh]
|
||||||
|
;W[cc]
|
||||||
|
;B[cd]
|
||||||
|
;W[dc]
|
||||||
|
;B[ec]
|
||||||
|
;W[eb]
|
||||||
|
;B[fd]
|
||||||
|
;W[fb]
|
||||||
|
;B[gb]
|
||||||
|
;W[bd]
|
||||||
|
;B[be]
|
||||||
|
;W[bc]
|
||||||
|
;B[ad]
|
||||||
|
;W[ce]
|
||||||
|
;B[de]
|
||||||
|
;W[ac]
|
||||||
|
;B[cf]
|
||||||
|
;W[ae]
|
||||||
|
;B[fa]
|
||||||
|
;W[ea]
|
||||||
|
;B[ga]
|
||||||
|
;W[ca]
|
||||||
|
;B[cq]
|
||||||
|
;W[dq]
|
||||||
|
;B[cp]
|
||||||
|
;W[cn]
|
||||||
|
;B[bn]
|
||||||
|
;W[do]
|
||||||
|
;B[cm]
|
||||||
|
;W[cr]
|
||||||
|
;B[co]
|
||||||
|
;W[dn]
|
||||||
|
;B[dm]
|
||||||
|
;W[fn]
|
||||||
|
;B[fm]
|
||||||
|
;W[hn]
|
||||||
|
;B[il]
|
||||||
|
;W[jp]
|
||||||
|
;B[hq]
|
||||||
|
;W[jq]
|
||||||
|
;B[er]
|
||||||
|
;W[dr]
|
||||||
|
;B[fq]
|
||||||
|
;W[ir]
|
||||||
|
;B[io]
|
||||||
|
;W[jm]
|
||||||
|
;B[kn]
|
||||||
|
;W[jn]
|
||||||
|
;B[ho]
|
||||||
|
;W[gn]
|
||||||
|
;B[hr]
|
||||||
|
;W[gp]
|
||||||
|
;B[gr]
|
||||||
|
;W[es]
|
||||||
|
;B[fs]
|
||||||
|
;W[ds]
|
||||||
|
;B[eq]
|
||||||
|
;W[hs]
|
||||||
|
;B[go]
|
||||||
|
;W[fp]
|
||||||
|
;B[en]
|
||||||
|
;W[eo]
|
||||||
|
;B[br]
|
||||||
|
;W[fo]
|
||||||
|
;B[mo]
|
||||||
|
;W[mp]
|
||||||
|
;B[lp]
|
||||||
|
;W[lq]
|
||||||
|
;B[ko]
|
||||||
|
;W[jo]
|
||||||
|
;B[km]
|
||||||
|
;W[ql]
|
||||||
|
;B[pl]
|
||||||
|
;W[pm]
|
||||||
|
;B[om]
|
||||||
|
;W[pn]
|
||||||
|
;B[on]
|
||||||
|
;W[oo]
|
||||||
|
;B[no]
|
||||||
|
;W[op]
|
||||||
|
;B[qk]
|
||||||
|
;W[rl]
|
||||||
|
;B[rk]
|
||||||
|
;W[rn]
|
||||||
|
;B[qg]
|
||||||
|
;W[rf]
|
||||||
|
;B[rg]
|
||||||
|
;W[kf]
|
||||||
|
;B[if]
|
||||||
|
;W[kc]
|
||||||
|
;B[lb]
|
||||||
|
;W[lc]
|
||||||
|
;B[kb]
|
||||||
|
;W[jb]
|
||||||
|
;B[ma]
|
||||||
|
;W[ob]
|
||||||
|
;B[nb]
|
||||||
|
;W[pa]
|
||||||
|
;B[ka]
|
||||||
|
;W[je]
|
||||||
|
;B[ie]
|
||||||
|
;W[id]
|
||||||
|
;B[hd]
|
||||||
|
;W[jl]
|
||||||
|
;B[ii]
|
||||||
|
;W[ik]
|
||||||
|
;B[hk]
|
||||||
|
;W[hl]
|
||||||
|
;B[gl]
|
||||||
|
;W[hm]
|
||||||
|
;B[ij]
|
||||||
|
;W[jk]
|
||||||
|
;B[gm]
|
||||||
|
;W[bf]
|
||||||
|
;B[bg]
|
||||||
|
;W[ce]
|
||||||
|
;B[cg]
|
||||||
|
;W[be]
|
||||||
|
;B[fh]
|
||||||
|
;W[jg]
|
||||||
|
;B[ih]
|
||||||
|
;W[em]
|
||||||
|
;B[el]
|
||||||
|
;W[gk]
|
||||||
|
;B[hj]
|
||||||
|
;W[fl]
|
||||||
|
;B[gj]
|
||||||
|
;W[fk]
|
||||||
|
;B[ek]
|
||||||
|
;W[kp]
|
||||||
|
;B[fj]
|
||||||
|
;W[sl]
|
||||||
|
;B[sk]
|
||||||
|
;W[kk]
|
||||||
|
;B[lk]
|
||||||
|
;W[lo]
|
||||||
|
;B[ln]
|
||||||
|
;W[lp]
|
||||||
|
;B[ll]
|
||||||
|
;W[sf]
|
||||||
|
;B[sg]
|
||||||
|
;W[ib]
|
||||||
|
;B[ic]
|
||||||
|
;W[jc]
|
||||||
|
;B[hc]
|
||||||
|
;W[is]
|
||||||
|
;B[bs]
|
||||||
|
;W[fc]
|
||||||
|
;B[ed]
|
||||||
|
;W[ne]
|
||||||
|
;B[na]
|
||||||
|
;W[oa]
|
||||||
|
;B[qa]
|
||||||
|
;W[pb]
|
||||||
|
;B[rc]
|
||||||
|
;W[qe]
|
||||||
|
;B[ag]
|
||||||
|
;W[jf]
|
||||||
|
;B[pf]
|
||||||
|
;W[kl]
|
||||||
|
;B[mm]
|
||||||
|
;W[pg]
|
||||||
|
;B[]
|
||||||
|
;W[pf]
|
||||||
|
;B[]
|
||||||
|
;W[]
|
||||||
|
)(;W[lk]
|
||||||
|
;B[kk]
|
||||||
|
;W[ll]
|
||||||
|
;B[kl]
|
||||||
|
;W[km]
|
||||||
|
;B[jm]
|
||||||
|
;W[kn]
|
||||||
|
))(;W[mj]
|
||||||
|
))(;B[nd]
|
||||||
|
;W[oh]
|
||||||
|
;B[qk]
|
||||||
|
))(;W[qc]
|
||||||
|
(;B[qd]
|
||||||
|
;W[pc]
|
||||||
|
;B[od]
|
||||||
|
;W[rd]
|
||||||
|
;B[re]
|
||||||
|
;W[rc]
|
||||||
|
;B[rf]
|
||||||
|
;W[nc]
|
||||||
|
;B[me]
|
||||||
|
)(;B[pc]TR[jc]
|
||||||
|
;W[qd]
|
||||||
|
;B[pe]
|
||||||
|
(;W[rf]
|
||||||
|
;B[og]
|
||||||
|
)(;W[pf]
|
||||||
|
;B[of]
|
||||||
|
;W[oe]
|
||||||
|
(;B[ne]
|
||||||
|
)(;B[nf]
|
||||||
|
)))))
|
||||||
|
|
@ -0,0 +1,44 @@
|
||||||
|
body {
|
||||||
|
background: hsl(0 0% 85%);
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.menu {
|
||||||
|
border-right: 1px solid black;
|
||||||
|
padding: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.game-info {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.widget {
|
||||||
|
}
|
||||||
|
|
||||||
|
.game-database {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.game-entry {
|
||||||
|
display: flex;
|
||||||
|
width: 500px;
|
||||||
|
margin: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.game-entry__icon {
|
||||||
|
width: 300px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.game-analysis {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.game-analysis__board {
|
||||||
|
flex-shrink: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.game-analysis__tree {
|
||||||
|
flex-shrink: 0;
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue