-
Notifications
You must be signed in to change notification settings - Fork 3
Expand file tree
/
Copy pathplay_game.html
More file actions
133 lines (122 loc) · 6.96 KB
/
Copy pathplay_game.html
File metadata and controls
133 lines (122 loc) · 6.96 KB
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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE html>
<html lang="en">
<head>
<head>
<title>DraftRes - Premier League Fantasy Football Draft</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="theme-name" content="agen"/>
<link rel="stylesheet" href="plugins/bootstrap/bootstrap.min.css">
<link rel="stylesheet" href="plugins/themify-icons/themify-icons.css">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<header class="navigation sticky-top" style="background-color: #07085d;">
<nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand" href="index.html"><img src="css/icons/logo-transparent-png.png" width="160" alt="Egen"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse text-center" id="navigation">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/swatisinghvi99/DraftRes" target="_blank">Github
</a>
</li>
</ul>
</div>
</nav>
</header>
<!-- Main Content -->
<div class="container">
<div class="main-content">
<!-- Sidebar -->
<div class="sidebar">
<!-- Pages Table -->
<table class="pages-table">
<tr>
<th>Pages</th>
</tr>
<tr>
<td><a href="#creating_your_team" onclick="showContent('creating_your_team')">1. About DraftRes</a></td>
</tr>
<tr>
<td><a href="#scoring_system" onclick="showContent('scoring_system')">2. Join or Create League</a></td>
</tr>
<tr>
<td><a href="#the_draft" onclick="showContent('the_draft')">3. The Draft</a></td>
</tr>
<tr>
<td><a href="#join_the_fun" onclick="showContent('join_the_fun')">4. Why DraftRes?</a></td>
</tr>
</table>
</div>
<div class="content">
<div class="section2" id="creating_your_team">
<h2 class="section-title">Getting Started</h2>
<p>
Ever dreamt of building a top football team with the best players across the globe to complete in the biggest stages? DraftRes offers the perfect platform for showcasing your tactical skills. Through DraftRes, you and your friends can create your unique teams through a process known as "the draft" The draft unfolds in turns until all squads are filled.
</p>
</div>
<div class="section2" id="scoring_system">
<h2>Join or Create League</h2>
<p>
To embark on your journey, register and create or join a league. The draft itself is a
turn-based process. The draft starts once all the teams join, once
the draft starts, put your thinking cap on and assemble your unique lineup. The host sets the maximum
number of teams, his team name and the league name. The other players can join the league using the unique league ID that the host provides them and enterong their own team name.
</p>
</div>
<div class="section2" id="the_draft">
<h2>The Draft</h2>
<p>
The draft is when you pick your players.
It consists of 12 rounds of picks and progresses turn by turn with each person in the league picking one player per turn.
The order of the picks is chosen randomly when the draft starts.
The order of picks is reversed every round in what is also known as a Snake Draft.
This means whoever picked first in the 1st round, picks last in the 2nd round and then first again in the 3rd round and so on.
Whoever was last to pick in the 1st round will pick first in the 2nd round.
</p>
</div>
<div class="section2" id="join_the_fun">
<h2>What sets DraftRes apart?</h2>
<p>
Our project introduces an immersive draft room accessible through valid room credentials. In
this room, a unique draft method unfolds, with teams labeled A, B, C, and D following the
serpentine or "snake" sequence (A-B-C-D-D-C-B-A). This dynamic and balanced order ensures fairness.
Once a player is chosen, their record is updated in real-time, enhancing the
overall draft experience. DraftRes distinguishes itself from other Premier League fantasy games
by eliminating the salary cap system. In DraftRes, each player can only be owned by a single team
in your league at any given time, fostering uniqueness and strategic depth. DraftRes promotes
competitiveness, social interaction, and fun, allowing you to feel like a true Premier League
manager. Play with friends, showcase your acumen, and mold the perfect team. The fantasy football
champion is the one with the best team at the end of the season. Dive into the world of
DraftRes-where strategy meets excitement!
</p>
</div>
</div>
</div>
</div>
<script>
function showContent(sectionId) {
// Hide all sections
var sections = document.querySelectorAll('.content .section2');
sections.forEach(function (section) {
section.style.display = 'none';
});
// Show the selected section
document.getElementById(sectionId).style.display = 'block';
}
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<!-- Include Bootstrap JS file -->
<!-- BOOTSTRAP JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
crossorigin="anonymous"></script>
<!-- Your Other Scripts -->
</body>
</html>