phiparth.github.io/further-reading.html at main · phiparth/phiparth.github.io · GitHub

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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="styles.css">
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Further Reading</title>
  <link rel="stylesheet" href="style.css" />
</head>

<body>
<div class="hamburger-menu">
    <a href="progress.html">Progress</a>
    <a href="badges.html">Badges</a>
    <a href="settings.html">Settings</a>
</div>

  <div class="top-bar">
    <button class="hamburger" onclick="toggleSidebar()">☰</button>
    <div class="profile"><a href="profile.html"><img src="pfp.jpg" alt="Profile" /></a></div>
  </div>

  <div class="sidebar" id="sidebar">
    <ul>
      <li><a href="home.html">Home</a></li>

      <li><a href="badges.html">Badges</a></li>
      <li><a href = motionpractice.html>Motion Practice </a></li>
      <li><a href="settings.html">Settings</a></li>
    </ul>
  </div>

  <div class="main">
    <div class="content-box">
      <h2>Further Reading</h2>
      <p><div class="text-white px-6 py-8 max-w-4xl mx-auto space-y-8">

  <h1 class="text-3xl font-bold border-b pb-2 mb-4">🎯 Core Concepts in Debating</h1>

  <!-- Rebuttal -->
  <div>
    <h2 class="text-xl font-semibold mb-2">🔁 Rebuttal</h2>
    <p><span class="font-semibold">Definition:</span><br>
    A rebuttal is your response to the other team’s arguments. You show why their logic is flawed, their assumptions are weak, or their impacts are less important than they claim.
    </p><br>

    <p><span class="font-semibold">Why it matters:</span><br>
    If you don’t respond to the other side’s arguments, judges assume you accept them. Strong rebuttals weaken their case and strengthen yours.
    </p><br>

    <p><span class="font-semibold">Example:</span><br>
    If the Opposition says "Zoos help in education," a rebuttal could be:<br>
    “Educational value doesn't justify cruelty. We can learn through documentaries or sanctuaries instead.”
    </p>
  </div>

  <!-- Structure -->
  <div>
    <h2 class="text-xl font-semibold mb-2">🧱 Structure</h2>
    <p><span class="font-semibold">Definition:</span><br>
    Structure is the clear and organized flow of your speech. It helps the judge follow your points and makes you sound more persuasive.
    </p><br>

    <p><span class="font-semibold">Why it matters:</span><br>
    Even the best arguments fail if they’re messy. A well-structured speech is easier to follow and more convincing.
    </p><br>

    <p><span class="font-semibold">Simple Structure Template:</span><br>
    • Introduction (What you're going to prove)<br>
    • Argument 1 (Point → Explain → Example → Impact)<br>
    • Argument 2 (same format)<br>
    • Conclusion (Summarize why you win)
    </p>
  </div>

  <!-- Arguments -->
  <div>
    <h2 class="text-xl font-semibold mb-2">💡 Arguments</h2>
    <p><span class="font-semibold">Definition:</span><br>
    Arguments are the main reasons your side is right. They usually follow a logical path and support your stance on the motion.
    </p><br>

    <p><span class="font-semibold">What makes a strong argument:</span><br>
    • Clear point<br>
    • Logical explanation<br>
    • Realistic examples<br>
    • Link to motion and real-world impact
    </p><br>

    <p><span class="font-semibold">Common types:</span><br>
    • Principled arguments (based on ethics or rights)<br>
    • Practical arguments (based on real-world outcomes)
    </p>
  </div>

  <!-- Framing -->
  <div>
    <h2 class="text-xl font-semibold mb-2">🎯 Framing</h2>
    <p><span class="font-semibold">Definition:</span><br>
    Framing is the way you set up the debate — by defining what matters, what the debate is really about, and what the judge should care about.
    </p><br>

    <p><span class="font-semibold">Why it matters:</span><br>
    Framing influences the lens through which the debate is judged. If you control the frame, you control the debate.
    </p><br>

    <p><span class="font-semibold">Example:</span><br>
    In a motion like “This House would ban beauty pageants,”<br>
    • Gov may frame it as a feminist issue about body image.<br>
    • Opp may frame it as individual freedom and choice.<br>
    Whoever sets the better frame often wins.
    </p>
  </div>

  <!-- Debating Terms -->
  <div>
    <h2 class="text-xl font-semibold mb-2">🗣️ Common Debating Terms</h2>
    <div class="grid grid-cols-1 sm:grid-cols-2 gap-4 text-sm">
      <div><span class="font-bold">Motion</span>: The topic being debated (starts with “This House…”).</div>
      <div><span class="font-bold">Burden</span>: What a team needs to prove to win.</div>
      <div><span class="font-bold">Stakeholders</span>: People or groups affected by the motion.</div>
      <div><span class="font-bold">Clash</span>: The main point of disagreement between teams.</div>
      <div><span class="font-bold">Impact</span>: Why an argument matters in the real world.</div>
      <div><span class="font-bold">Weighing</span>: Comparing which side’s impacts are more important.</div>
      <div><span class="font-bold">Squirrel</span>: A definition that twists the motion too much (bad framing).</div>
      <div><span class="font-bold">Extension</span>: New analysis or angles added by later speakers (especially in BP).</div>
    </div>
  </div>
</div>
</p>
      <a href="further-quiz.html">Next ➔</a>
    </div>
<div class="progress-container">
  <div class="step" id="step-basics">Basics</div>
  <div class="step" id="step-quiz">Motion Practice</div>
  <div class="step" id="step-roles">Roles Module</div>
  <div class="step" id="step-trivia">Trivia</div>
  <div class="step" id="step-reading">Further Reading</div>
</div>
  </div>

  <script>
    function toggleSidebar() {
      document.getElementById("sidebar").classList.toggle("active");
    }
const stepMap = {
    "content.html": "step-basics",
    "quiz.html": "step-quiz",
    "how-to-think.html": "step-think",
    "explain-roles.html": "step-roles",
    "roles-trivia.html": "step-trivia",
    "further-reading.html": "step-reading"
  };

  const currentPage = window.location.pathname.split("/").pop();
  const currentStepId = stepMap[currentPage];
  if (currentStepId) {
    const currentStepElement = document.getElementById(currentStepId);
    if (currentStepElement) currentStepElement.classList.add("active");
  }
  </script>


</body>
</html>