html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
<title>Worldcup 2018 prediction</title>
</head>
<body>
<script id="diagram-template" type="text/x-handlebars-template">
<div id="diagram">
<h1 class="title">2018 World Cup Bracket</h1>
<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1040.23 701.91">
<title>world-cup-teams</title>
<g>
<g>
<line class="cls-1" x1="156.68" y1="26.86" x2="240.68" y2="26.86"/>
<line class="cls-1" x1="240.68" y1="117.86" x2="156.68" y2="117.86"/>
<line class="cls-1" x1="240.68" y1="117.86" x2="240.68" y2="26.86"/>
<line class="cls-1" x1="156.68" y1="212.86" x2="240.68" y2="212.86"/>
<line class="cls-1" x1="240.68" y1="303.86" x2="156.68" y2="303.86"/>
<line class="cls-1" x1="240.68" y1="303.86" x2="240.68" y2="212.86"/>
<line class="cls-1" x1="240.68" y1="72.36" x2="344.68" y2="72.36"/>
<line class="cls-1" x1="344.68" y1="258.36" x2="344.68" y2="72.36"/>
<line class="cls-1" x1="240.68" y1="258.36" x2="344.68" y2="258.36"/>
</g>
<line class="cls-1" x1="448.68" y1="165.36" x2="448.68" y2="303.86"/>
<line class="cls-1" x1="344.68" y1="165.36" x2="448.68" y2="165.36"/>
</g>
<g>
<line class="cls-1" x1="156.68" y1="399" x2="240.68" y2="399"/>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
/**
* @title Worldcup 2018 prediction
* @version 0.1
* @package xhtml-css
* @author Calvin
* @copyright 2018 by the author
* @cssdoc version 1.0-pre
* @license GPL v3
*/
body {
margin: 0;
box-sizing: border-box;
background-color: rgb(0,0,0);
background-color: rgba(124,252,.1);
/*background: url(https://s33.postimg.cc/hi426j333/wc2018.png) rgba(124,252,0,.3);*/
background: url(https://s8.postimg.cc/rjscbr4l1/spring_bokeh_2-wallpaper-1024x768.jpg);
background-size: 150% 150%;
font-family: Helvetica, Arial, Sans-Serif;
}
#diagram {
margin: 10px 5px;
}
#diagram .title {
background-color: #0058A2;
font-size: 1.2em;
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
/**
* @title Worldcup 2018 prediction
* @author Calvin (https://www.sololearn.com/Profile/4354920)
* @version 0.1
* @copyright 2018 by the author
* @license GPL v3
* @see {@link http://usejsdoc.org/}
*/
var WC = (function() {
var wc2018 = {
"rankings":{
"Argentina":5,
"Australia":36,
"Belgium":3,
"Brazil":2,
"Colombia":16,
"Costa_Rica":23,
"Croatia":20,
"Denmark":12,
"Egypt":70,
"England":12,
"France":7,
"Germany":1,
"Iceland":22,
"Iran":37,
"Japan":61,
"Korea_Republic":57,
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run