-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathmla-citation-generator.html
More file actions
355 lines (354 loc) · 28.4 KB
/
Copy pathmla-citation-generator.html
File metadata and controls
355 lines (354 loc) · 28.4 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
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
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Free MLA Citation Generator 9th Edition — AI-Powered | ProScholarTools</title>
<meta name="description" content="Generate accurate MLA 9th edition citations instantly. Free AI-powered MLA citation generator for humanities, literature, and cultural studies research.">
<meta name="keywords" content="MLA citation generator, MLA 9th edition, free MLA citation, MLA format, MLA works cited generator, humanities citation, MLA 9 citation tool">
<meta property="og:title" content="Free MLA Citation Generator 9th Edition — AI-Powered | ProScholarTools">
<meta property="og:description" content="Generate accurate MLA 9th edition citations instantly. Free AI-powered MLA citation generator for humanities, literature, and cultural studies research.">
<meta property="og:type" content="website">
<meta name="robots" content="index, follow">
<link rel="alternate" hreflang="en" href="mla-citation-generator.html">
<link rel="alternate" hreflang="ar" href="mla-citation-generator.html">
<link rel="alternate" hreflang="x-default" href="mla-citation-generator.html">
<link rel="canonical" href="mla-citation-generator.html"><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6119422909390809" crossorigin="anonymous"></script><link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700;800&family=Mulish:wght@300;400;500;600;700&display=swap&font-display=swap" rel="stylesheet"><style>
:root{--bg:#0c1422;--bg2:#101e33;--bg3:#162540;--bg4:#1c2f52;--gold:#d4a843;--gold2:#e8c86e;--gdim:rgba(212,168,67,.12);--tx:#ddd5be;--tx2:#9fb0cc;--tx3:#566a8a;--brd:rgba(212,168,67,.18);--brd2:rgba(255,255,255,.07);--red:#e05555;--blue:#4a90d9;--grn:#4caf7d;--pur:#9b6bda}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:"Mulish","Noto Naskh Arabic",sans-serif;background:var(--bg);color:var(--tx);overflow-x:hidden}
::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:3px}
nav{position:fixed;top:0;left:0;right:0;z-index:600;height:66px;display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;background:rgba(12,20,34,.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--brd)}
.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none}
.lmark{width:38px;height:38px;background:linear-gradient(135deg,var(--gold),var(--gold2));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.lname{font-family:"Cormorant Garamond",serif;font-size:1.15rem;font-weight:700;color:#fff;line-height:1}.lname span{color:var(--gold)}
.lsub{font-size:.55rem;color:var(--tx3);letter-spacing:2px;font-family:"Mulish",sans-serif;display:block;margin-top:1px;text-transform:uppercase}
.navr{display:flex;align-items:center;gap:.9rem}
.navl{display:flex;align-items:center;gap:1.4rem;list-style:none}
.navl a{color:var(--tx2);text-decoration:none;font-size:.82rem;font-weight:500;transition:color .2s}
.navl a:hover{color:var(--gold)}
.ncta{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--bg)!important;padding:.42rem 1.1rem;border-radius:8px;font-weight:700!important}
.lbtn{background:transparent;border:1px solid var(--brd);color:var(--tx2);padding:.35rem .8rem;border-radius:7px;cursor:pointer;font-size:.76rem;font-family:inherit;transition:all .2s}
.lbtn:hover{border-color:var(--gold);color:var(--gold)}
.btng{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--bg);padding:.82rem 1.9rem;border:none;border-radius:10px;font-size:.93rem;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .25s;font-family:inherit}
.btng:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(212,168,67,.45)}
.btno{background:transparent;color:var(--tx);padding:.82rem 1.9rem;border:1px solid var(--brd2);border-radius:10px;font-size:.93rem;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .25s;font-family:inherit}
.btno:hover{border-color:var(--gold);color:var(--gold)}
.adstrip{background:var(--bg2);padding:.9rem 2rem;text-align:center;border-top:1px solid var(--brd2);border-bottom:1px solid var(--brd2)}
.adlb{font-size:.6rem;color:var(--tx3);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.35rem}
footer{background:#060e1a;padding:3rem 2.5rem 2rem;border-top:1px solid rgba(212,168,67,.08);text-align:center}
.fcp{font-size:.78rem;color:var(--tx3);margin-bottom:.5rem}.fcp a{color:var(--gold);text-decoration:none}
.flinks{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}
.flinks a{font-size:.8rem;color:var(--tx3);text-decoration:none;transition:color .2s}.flinks a:hover{color:var(--gold)}
@media(max-width:768px){nav{padding:0 1.2rem}.navl{display:none}}
.tool-hero{padding:120px 2.5rem 60px;background:radial-gradient(ellipse 80% 60% at 15% 50%,rgba(212,168,67,.07),transparent 60%),linear-gradient(150deg,#0c1422,#101c30);text-align:center;position:relative;overflow:hidden}
.tool-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(212,168,67,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(212,168,67,.03) 1px,transparent 1px);background-size:60px 60px}
.th-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(212,168,67,.08);border:1px solid rgba(212,168,67,.28);color:var(--gold);padding:.33rem .95rem;border-radius:50px;font-size:.75rem;font-weight:700;margin-bottom:1.2rem}
.th-icon{font-size:3.5rem;margin-bottom:1rem;display:block}
.th-t{font-family:"Cormorant Garamond",serif;font-size:clamp(2rem,4vw,3.2rem);font-weight:800;color:#fff;margin-bottom:1rem;line-height:1.1;position:relative;z-index:1}
.th-t .gc{color:var(--gold)}
.th-p{font-size:1rem;color:var(--tx2);max-width:620px;margin:0 auto 2rem;line-height:1.85;font-weight:300;position:relative;z-index:1}
.th-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;position:relative;z-index:1}
.th-stats{display:flex;gap:2.5rem;justify-content:center;margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(212,168,67,.12);flex-wrap:wrap;position:relative;z-index:1}
.tsn{font-family:"Cormorant Garamond",serif;font-size:1.8rem;font-weight:700;color:var(--gold);line-height:1}
.tsl{font-size:.7rem;color:var(--tx3);margin-top:.2rem}
.tool-box{max-width:780px;margin:0 auto;padding:3rem 2.5rem}
.tb-card{background:var(--bg2);border:1px solid var(--brd);border-radius:20px;padding:2.2rem;position:relative;overflow:hidden;margin-bottom:2rem}
.tb-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.tb-title{font-family:"Cormorant Garamond",serif;font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:1.5rem;display:flex;align-items:center;gap:.7rem}
.ig{margin-bottom:1.1rem}
.il{display:block;font-size:.78rem;font-weight:700;color:#fff;margin-bottom:.45rem}
.iif,.isf,.itf{width:100%;padding:.75rem .95rem;border:1px solid var(--brd2);border-radius:10px;font-family:"Mulish",sans-serif;font-size:.85rem;color:var(--tx);background:var(--bg3);transition:border-color .2s}
.iif:focus,.isf:focus,.itf:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,168,67,.1)}
.itf{resize:vertical;min-height:100px}.isf option{background:var(--bg3);color:var(--tx)}
.gbtn{width:100%;padding:.9rem;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--bg);border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}
.gbtn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(212,168,67,.4)}
.gbtn:disabled{opacity:.55;cursor:not-allowed;transform:none}
.mres{background:var(--bg3);border-radius:12px;padding:1.5rem;margin-top:1.5rem;display:none;border:1px solid var(--brd)}
.mres.show{display:block}
.mreslb{font-size:.68rem;color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-bottom:.75rem;display:block}
.mrestx{font-size:.88rem;color:var(--tx);line-height:1.85;white-space:pre-wrap;font-family:"Mulish",sans-serif}
.mresbts{display:flex;gap:.7rem;margin-top:1.2rem}
.mrbt{flex:1;padding:.6rem;border:none;border-radius:8px;font-size:.8rem;font-family:inherit;cursor:pointer;font-weight:600;transition:all .2s}
.mrbt.cp{background:var(--gold);color:var(--bg)}.mrbt.cp:hover{background:var(--gold2)}
.mrbt.cl{background:rgba(255,255,255,.07);color:var(--tx2);border:1px solid var(--brd2)}
.dots span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin:0 2px;animation:db 1.4s infinite ease-in-out both}
.dots span:nth-child(1){animation-delay:-.32s}.dots span:nth-child(2){animation-delay:-.16s}
@keyframes db{0%,80%,100%{transform:scale(0);opacity:.3}40%{transform:scale(1);opacity:1}}
.apibox{background:rgba(212,168,67,.06);border:1px dashed rgba(212,168,67,.35);border-radius:12px;padding:1.4rem;margin-bottom:1.3rem;text-align:center}
.apibox h4{font-size:.9rem;font-weight:700;color:#fff;margin-bottom:.4rem}
.apibox p{font-size:.8rem;color:var(--tx2);margin-bottom:.9rem;line-height:1.65}
.apii{width:100%;padding:.7rem .9rem;border:1px solid var(--brd);border-radius:8px;font-family:"Mulish",sans-serif;font-size:.82rem;color:var(--tx);background:var(--bg3);direction:ltr;margin-bottom:.75rem}
.apii:focus{outline:none;border-color:var(--gold)}
.guide-sec{max-width:780px;margin:0 auto;padding:0 2.5rem 3rem}
.guide-card{background:var(--bg2);border:1px solid var(--brd2);border-radius:16px;padding:2rem;margin-bottom:1.5rem}
.guide-card h2{font-family:"Cormorant Garamond",serif;font-size:1.4rem;font-weight:700;color:#fff;margin-bottom:1rem;display:flex;align-items:center;gap:.6rem}
.guide-card h3{font-family:"Cormorant Garamond",serif;font-size:1.1rem;font-weight:600;color:var(--gold2);margin:1.2rem 0 .6rem}
.guide-card p{font-size:.87rem;color:var(--tx2);line-height:1.85;margin-bottom:.8rem;font-weight:300}
.guide-card ul,.guide-card ol{margin:.5rem 0 .9rem 1.5rem}
.guide-card li{font-size:.87rem;color:var(--tx2);line-height:1.75;margin-bottom:.35rem}
.guide-card strong{color:#fff;font-weight:600}
.guide-card code{background:var(--bg3);border:1px solid var(--brd2);padding:.15rem .45rem;border-radius:4px;font-size:.8rem;color:var(--gold2);font-family:monospace}
.guide-card .ex-box{background:var(--bg3);border:1px solid var(--brd2);border-radius:10px;padding:1.1rem;margin:.8rem 0;font-size:.8rem;color:var(--tx2);line-height:1.8;font-family:"Mulish",sans-serif}
.guide-card .ex-lb{font-size:.64rem;color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-bottom:.5rem;display:block}
.faq-sec{max-width:780px;margin:0 auto;padding:0 2.5rem 3rem}
.faq-sec h2{font-family:"Cormorant Garamond",serif;font-size:1.6rem;font-weight:700;color:#fff;margin-bottom:1.5rem;text-align:center}
.fq{border:1px solid var(--brd2);border-radius:12px;overflow:hidden;margin-bottom:.8rem;transition:border-color .2s}
.fq.open{border-color:var(--brd)}
.fqq{width:100%;text-align:left;background:transparent;border:none;padding:1.1rem 1.4rem;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-family:"Mulish",sans-serif;font-size:.9rem;font-weight:600;color:#fff;gap:1rem}
.fqic{width:24px;height:24px;border-radius:50%;background:var(--bg3);display:flex;align-items:center;justify-content:center;font-size:.82rem;color:var(--gold);flex-shrink:0;transition:transform .3s,background .3s}
.fq.open .fqic{transform:rotate(45deg);background:var(--gold);color:var(--bg)}
.fqa{max-height:0;overflow:hidden;transition:max-height .4s ease}
.fq.open .fqa{max-height:200px}
.fqai{padding:0 1.4rem 1.1rem;font-size:.83rem;color:var(--tx2);line-height:1.85}
.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}
.tl{background:var(--bg3);border:1px solid var(--brd2);border-radius:12px;padding:1rem;text-decoration:none;transition:all .2s;display:flex;align-items:center;gap:.75rem}
.tl:hover{border-color:var(--brd);transform:translateY(-2px)}
.tl-ic{font-size:1.3rem;flex-shrink:0}
.tl-nm{font-size:.82rem;color:var(--tx);font-weight:500}
.tl-ct{font-size:.68rem;color:var(--tx3);margin-top:.1rem}
@media(max-width:768px){.tool-hero{padding:90px 1.2rem 40px}.tool-box,.guide-sec,.faq-sec{padding:2rem 1.2rem}.th-stats{gap:1.5rem}}
</style><style>@font-face{font-display:swap}</style>
</head>
<body>
<nav id="nb">
<a href="index.html" class="logo"><div class="lmark">🎓</div><div><div class="lname">Pro<span>ScholarTools</span></div><small class="lsub">AI Research Suite · 22 Tools</small></div></a>
<div class="navr">
<ul class="navl">
<li><a href="index.html#tools">الأدوات</a></li>
<li><a href="index.html#blog">المدونة</a></li>
<li><a href="index.html#faq">FAQ</a></li>
<li><a href="index.html#tools" class="ncta">ابدأ مجاناً ←</a></li>
</ul>
<button class="lbtn" onclick="window.location='index.html'">🏠 Home</button>
</div>
</nav>
<section class="tool-hero">
<span class="th-badge">📝 MLA 9th Edition · Humanities · Literature</span>
<span class="th-icon">📝</span>
<h1 class="th-t">Free <span class="gc">MLA Citation Generator</span><br>9th Edition — AI-Powered</h1>
<p class="th-p">Generate accurate MLA 9th edition citations for any source type. The standard for humanities, literature, languages, and cultural studies. Fully updated for MLA 9 (2021).</p>
<div class="th-btns">
<a href="#tool" class="btng">⚡ Generate MLA Citation Free</a>
<a href="#guide" class="btno">📖 MLA 9 Guide</a>
</div>
<div class="th-stats">
<div><div class="tsn">MLA 9</div><div class="tsl">Latest Edition</div></div>
<div><div class="tsn">Works Cited</div><div class="tsl">Format</div></div>
<div><div class="tsn">Free</div><div class="tsl">Always</div></div>
<div><div class="tsn">AI</div><div class="tsl">Powered</div></div>
</div>
</section>
<div class="adstrip"><div class="adlb">Advertisement</div><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6119422909390809" data-ad-slot="auto" data-ad-format="auto" data-full-width-responsive="true"></ins><script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div>
<div class="tool-box" id="tool">
<div class="tb-card">
<div class="tb-title"><span>📝</span> MLA 9th Edition Citation Generator</div>
<div class="ig"><label class="il">Source Type</label>
<select class="isf" id="src">
<option value="journal article">Journal Article</option>
<option value="book">Book</option>
<option value="website">Website</option>
<option value="book chapter">Book Chapter / Essay in Collection</option>
<option value="newspaper article">Newspaper Article</option>
<option value="film or video">Film / Video</option>
<option value="podcast">Podcast / Audio</option>
</select>
</div>
<div class="ig"><label class="il">Author(s)</label><input class="iif" id="au" placeholder="e.g. Smith, John or Smith, John, and Mary Jones"></div>
<div class="ig"><label class="il">Title of Source (article, chapter, or short work)</label><input class="iif" id="ti" placeholder="In quotes for articles/chapters"></div>
<div class="ig"><label class="il">Container (journal, book, website name)</label><input class="iif" id="cont" placeholder="Name of the journal, book, or website"></div>
<div class="ig"><label class="il">Publisher</label><input class="iif" id="pub" placeholder="Publisher name (for books)"></div>
<div class="ig"><label class="il">Year of Publication</label><input class="iif" id="yr" placeholder="e.g. 2024"></div>
<div class="ig"><label class="il">Pages / Location</label><input class="iif" id="pp" placeholder="e.g. pp. 112-139 or pp. 45-67"></div>
<div class="ig"><label class="il">URL or DOI (if online)</label><input class="iif" id="url" placeholder="https://..."></div>
<button class="gbtn" id="genB" onclick="genMLA()">✨ Generate MLA Citation</button>
<div class="mres" id="mres"><span class="mreslb">✨ AI Result</span><div class="mrestx" id="mrestx"></div><div class="mresbts"><button class="mrbt cp" onclick="cpRes()">📋 Copy</button><button class="mrbt cl" onclick="clRes()">🗑️ Clear</button></div></div>
</div>
</div>
<div class="adstrip"><div class="adlb">Advertisement</div><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6119422909390809" data-ad-slot="auto" data-ad-format="auto" data-full-width-responsive="true"></ins><script>(adsbygoogle=window.adsbygoogle||[]).push({});</script></div>
<section class="guide-sec" id="guide">
<div class="guide-card">
<h2>📝 MLA 9th Edition — Complete Guide</h2>
<p><strong>MLA (Modern Language Association)</strong> style is the standard citation format for the humanities — literature, languages, cultural studies, film, philosophy, and the arts. The 9th edition (2021) introduced the "core elements" system, making MLA more flexible and adaptable to new source types.</p>
<h3>The MLA 9 Core Elements System</h3>
<p>Every MLA citation is built from up to 9 core elements in this order:</p>
<div class="ex-box"><span class="ex-lb">MLA 9 Core Elements Order</span>Author. Title of Source. Title of Container, Other Contributors, Version, Number, Publisher, Publication Date, Location.</div>
<h3>Common MLA 9 Formats</h3>
<div class="ex-box"><span class="ex-lb">Journal Article</span>Smith, Jane A. "Artificial Intelligence and Legal Interpretation." <em>Harvard Law Review</em>, vol. 137, no. 4, 2024, pp. 1045–1089.</div>
<div class="ex-box"><span class="ex-lb">Book</span>Johnson, Michael. <em>The Future of Legal Technology</em>. Oxford University Press, 2023.</div>
<div class="ex-box"><span class="ex-lb">Website</span>World Health Organization. "Mental Health in the Workplace." <em>WHO</em>, 15 Mar. 2024, www.who.int/mental-health/workplace.</div>
<h3>Key Changes in MLA 9 from MLA 8</h3>
<ul>
<li>Expanded guidance on citing works without conventional title pages</li>
<li>New guidance on citing generative AI sources</li>
<li>Clearer guidance on inclusive and bias-free language</li>
<li>Updated examples for digital and social media sources</li>
</ul>
</div>
</section><script>
function genMLA(){
const src=document.getElementById('src').value;
const au=document.getElementById('au').value;
const ti=document.getElementById('ti').value;
const cont=document.getElementById('cont').value;
const pub=document.getElementById('pub').value;
const yr=document.getElementById('yr').value;
const pp=document.getElementById('pp').value;
const url=document.getElementById('url').value;
const prompt=`Generate a precise MLA 9th edition Works Cited entry:
Source type: ${src}
Author: ${au}
Title: ${ti}
Container/Journal/Book: ${cont}
Publisher: ${pub}
Year: ${yr}
Pages: ${pp}
URL/DOI: ${url}
Output ONLY the perfectly formatted MLA 9th edition Works Cited entry.`;
runTool(prompt);
}
</script>
<aside class="seo-links-block" aria-label="Related content">
<div class="slb-s">
<div class="slb-h"><span>📋</span><h3 class="slb-ht">Related Articles</h3></div>
<div class="rl-g"><a href="apa-citation-generator.html" class="rl-c" rel="related">
<span style="color:#4a90d9">📋</span>
<div><div class="rl-t">Free APA Citation Generator 7th Edition</div>
<div class="rl-m">Citation</div></div></a><a href="apa-citation-no-author.html" class="rl-c" rel="related">
<span style="color:#4a90d9">📋</span>
<div><div class="rl-t">APA Citation with No Author 2025</div>
<div class="rl-m">Citation</div></div></a><a href="apa-doi-format.html" class="rl-c" rel="related">
<span style="color:#4a90d9">📋</span>
<div><div class="rl-t">APA DOI Format 2025</div>
<div class="rl-m">Citation</div></div></a></div>
</div>
<div class="slb-s">
<div class="slb-h"><span>⚡</span><h3 class="slb-ht">Free AI Tools — <a href="https://proscholartools.com" style="color:var(--gold);font-weight:400;font-size:.82rem">proscholartools.com</a></h3></div>
<div class="tl-g"><a href="apa-citation-generator.html" class="tl-c">
<span>📋</span><span class="tl-n">APA Citation Generator</span><span style="color:var(--gold);font-size:.7rem">→</span>
</a><a href="mla-citation-generator.html" class="tl-c">
<span>📝</span><span class="tl-n">MLA Citation Generator</span><span style="color:var(--gold);font-size:.7rem">→</span>
</a><a href="chicago-citation-generator.html" class="tl-c">
<span>📚</span><span class="tl-n">Chicago Citation Generator</span><span style="color:var(--gold);font-size:.7rem">→</span>
</a></div>
<div style="text-align:center;margin-top:.8rem">
<a href="index.html#tools" style="display:inline-block;background:linear-gradient(135deg,#d4a843,#e8c86e);color:#0c1422;padding:.52rem 1.3rem;border-radius:8px;text-decoration:none;font-size:.77rem;font-weight:700">Access All 22 Free Tools on proscholartools.com →</a>
</div>
</div>
<div class="slb-attr">
<span>📍 <a href="index.html">ProScholarTools</a> · <a href="blog.html">Blog</a> · Citation</span>
<span>🌐 <a href="https://proscholartools.com" rel="author">proscholartools.com</a></span>
</div>
</aside>
<style>
.seo-links-block{background:#101e33;border:1px solid rgba(212,168,67,.14);border-radius:14px;padding:1.5rem;margin:2rem 0}
.slb-s{margin-bottom:1.2rem;padding-bottom:1.2rem;border-bottom:1px solid rgba(255,255,255,.06)}
.slb-s:last-of-type{border:none;margin:0;padding:0}
.slb-h{display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem}
.slb-ht{font-family:"Cormorant Garamond",serif;font-size:1rem;font-weight:700;color:#fff;margin:0}
.rl-g{display:flex;flex-direction:column;gap:.55rem}
.rl-c{display:flex;align-items:flex-start;gap:.7rem;padding:.7rem;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-radius:9px;text-decoration:none;transition:all .2s}
.rl-c:hover{border-color:rgba(212,168,67,.25);background:rgba(212,168,67,.04);text-decoration:none}
.rl-t{font-size:.81rem;color:#ddd5be;font-weight:500;line-height:1.3;margin-bottom:.1rem}
.rl-m{font-size:.63rem;color:#566a8a}
.tl-g{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.tl-c{display:flex;align-items:center;gap:.5rem;padding:.62rem .8rem;background:rgba(212,168,67,.05);border:1px solid rgba(212,168,67,.15);border-radius:8px;text-decoration:none;transition:all .2s}
.tl-c:hover{background:rgba(212,168,67,.1);text-decoration:none}
.tl-n{font-size:.71rem;color:#9fb0cc;font-weight:500;flex:1;line-height:1.2}
.slb-attr{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem;padding-top:.9rem;border-top:1px solid rgba(255,255,255,.05);font-size:.67rem;color:#566a8a}
.slb-attr a{color:#566a8a}.slb-attr a:hover{color:#d4a843}
@media(max-width:580px){.tl-g{grid-template-columns:1fr}}
</style>
<footer>
<div class="flinks">
<a href="index.html">🏠 Home</a>
<a href="apa-citation-generator.html">APA Citation</a>
<a href="mla-citation-generator.html">MLA Citation</a>
<a href="chicago-citation-generator.html">Chicago Citation</a>
<a href="ieee-citation-generator.html">IEEE Citation</a>
<a href="harvard-citation-generator.html">Harvard Citation</a>
<a href="legal-brief-irac-generator.html">IRAC Legal Brief</a>
<a href="thesis-statement-builder.html">Thesis Builder</a>
<a href="literature-review-generator.html">Literature Review</a>
<a href="dissertation-chapter-planner.html">Dissertation Planner</a>
</div>
<div class="flinks">
<a href="blog-ai-legal-discovery.html">AI Legal Discovery</a>
<a href="blog-apa-citation-guide-2025.html">APA Guide 2025</a>
<a href="blog-literature-review-ai.html">Literature Review AI</a>
<a href="blog-irac-legal-brief-guide.html">IRAC Guide</a>
<a href="blog-phd-dissertation-ai.html">PhD Dissertation AI</a>
<a href="blog-ieee-citation-engineering.html">IEEE Citation Guide</a>
</div>
<p class="fcp">© 2025 ProScholarTools — AI Academic & Legal Research Platform</p>
<p class="fcp">Powered by <a href="https://anthropic.com" target="_blank">Claude AI</a> · <a href="index.html">All 22 Tools →</a></p>
</footer><script>
const AK='ish_k';
function getK(){return localStorage.getItem(AK)||''}
function setK(k){localStorage.setItem(AK,k)}
function tfaq(btn){const it=btn.closest('.fq'),op=it.classList.contains('open');document.querySelectorAll('.fq.open').forEach(i=>i.classList.remove('open'));if(!op)it.classList.add('open');}
function saveApiK(){const k=(document.getElementById('apiInp')?.value||'').trim();if(k.startsWith('sk-ant-')){setK(k);location.reload();}else alert('Invalid key — must start with sk-ant-');}
async function runTool(prompt){
const key=getK();if(!key){alert('Enter API key first');return;}
const btn=document.getElementById('genB'),res=document.getElementById('mres'),txt=document.getElementById('mrestx');
btn.disabled=true;res.classList.add('show');txt.innerHTML='<div class="dots"><span></span><span></span><span></span></div>';
try{
const r=await fetch('https://api.anthropic.com/v1/messages',{method:'POST',headers:{'Content-Type':'application/json','x-api-key':key,'anthropic-version':'2023-06-01','anthropic-dangerous-direct-browser-access':'true'},body:JSON.stringify({model:'claude-sonnet-4-20250514',max_tokens:1500,messages:[{role:'user',content:prompt}]})});
const j=await r.json();
if(j.error){txt.innerHTML='<span style="color:var(--red)">❌ '+j.error.message+'</span>';return;}
txt.style.whiteSpace='pre-wrap';txt.textContent=j.content?.[0]?.text||'No result.';
}catch(e){txt.innerHTML='<span style="color:var(--red)">❌ '+e.message+'</span>';}
finally{btn.disabled=false;}
}
function cpRes(){const t=document.getElementById('mrestx')?.textContent||'';navigator.clipboard.writeText(t).then(()=>{const b=document.querySelector('.mrbt.cp');if(b){b.textContent='✅ Copied!';setTimeout(()=>{b.textContent='📋 Copy';},2000);}});}
function clRes(){document.getElementById('mres')?.classList.remove('show');}
window.addEventListener('scroll',()=>document.getElementById('nb')?.classList.toggle('sc',scrollY>50));
</script>
<!-- ═══ GDPR COOKIE CONSENT ═══ -->
<div id="cookieBanner" style="display:none;position:fixed;bottom:0;left:0;right:0;z-index:9999;background:rgba(10,16,28,.98);backdrop-filter:blur(20px);border-top:1px solid rgba(212,168,67,.25);padding:1.1rem 2rem;box-shadow:0 -8px 30px rgba(0,0,0,.4)">
<div style="max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap">
<div style="flex:1;min-width:260px">
<div style="font-size:.8rem;color:#ddd5be;line-height:1.7;font-family:'Mulish',sans-serif">
🍪 We use cookies to enhance your experience, analyze traffic, and serve relevant ads via <strong style="color:#d4a843">Google AdSense</strong>. By continuing, you consent to our use of cookies.
<a href="privacy.html" style="color:#d4a843;text-decoration:underline;margin-left:.4rem">Privacy Policy</a>
</div>
</div>
<div style="display:flex;gap:.6rem;flex-shrink:0;flex-wrap:wrap">
<button onclick="setCookieConsent('minimal')" style="background:transparent;border:1px solid rgba(255,255,255,.2);color:#9fb0cc;padding:.42rem 1rem;border-radius:7px;font-size:.75rem;cursor:pointer;font-family:inherit;transition:all .2s" onmouseover="this.style.borderColor='rgba(255,255,255,.4)'" onmouseout="this.style.borderColor='rgba(255,255,255,.2)'">Essential Only</button>
<button onclick="setCookieConsent('all')" style="background:linear-gradient(135deg,#d4a843,#e8c86e);color:#0c1422;padding:.42rem 1.2rem;border-radius:7px;font-size:.75rem;font-weight:700;cursor:pointer;border:none;font-family:inherit">Accept All</button>
</div>
</div>
</div>
<script>
(function(){
function setCookieConsent(t){
localStorage.setItem('pst_cookie_consent', t);
localStorage.setItem('pst_cookie_date', new Date().toISOString());
document.getElementById('cookieBanner').style.display='none';
if(t==='all'){
// Load GA4
var s=document.createElement('script');
s.src='https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX';
s.async=true;document.head.appendChild(s);
window.dataLayer=window.dataLayer||[];
function gtag(){dataLayer.push(arguments);}
gtag('js',new Date());gtag('config','G-XXXXXXXXXX');
}
}
window.setCookieConsent = setCookieConsent;
// Show banner if no consent
var consent = localStorage.getItem('pst_cookie_consent');
if(!consent){
window.addEventListener('DOMContentLoaded', function(){
setTimeout(function(){
var b=document.getElementById('cookieBanner');
if(b){b.style.display='block';}
}, 1500);
});
}
})();
</script>
<!-- ═══ END COOKIE CONSENT ═══ -->
</body>
</html>