Skip to content

Pull request #182

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
cev2030 wants to merge 7 commits into
base: main
Choose a base branch
from
Open

Pull request #182

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
22452f6
Add template for annotated document
Nik4002 Feb 10, 2026
1a6b83e
Create README.md
Nik4002 Feb 10, 2026
80ae348
added working on commenting config.js
cev2030 Feb 10, 2026
bfba3d1
added comments to config to explain how the file wors
cev2030 Feb 10, 2026
291c392
updated readme finished comment config and pending review and start w…
cev2030 Feb 10, 2026
3cebd44
Move document text to config file
Nik4002 Feb 17, 2026
b199372
added a file to explain style.css
cev2030 Feb 17, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 8 additions & 0 deletions template-visual/annotated-document/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
## A Template for an Annotated Document Article

To do:
- Externalize text in `index.html` to some other file so it's easier to find/change
- Make `style.css` more readable - CEV: working on highlighting the important parts of file
- Try to figure out a way to make annotations less manual (i.e. not requiring as much tinkering in the console)
- Comment everything thoroughly - CEV: worked on config.js showing were comments are used - Pending review.
- Write instructions on how to use this template in this file
163 changes: 163 additions & 0 deletions template-visual/annotated-document/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,163 @@
<html lang="en">
<head>
<title>Annotating the Kalven Report</title>
<meta charset="UTF-8" />
<base target="_blank" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
property="og:title"
content="“Living Tradition” or “Administrative Fiat”?: Annotating the Kalven Report"
/>
<meta property="og:image" content="static/images/cover_kr.webp" />
<meta property="og:site_name" content="The Chicago Maroon" />
<meta
property="og:description"
content="Drawing upon an interview with journalist Jamie
Kalven, son of Harry Kalven Jr. of the Kalven
Report, the Maroon annotates this oft-cited
but little read document."
property="og:url"
content="https://chicagomaroon.github.io/data-visualizations/2025/annotated/"
/>
<meta property="og:type" content="article" />
<meta
property="og:article:author"
content="Anushree Vashist, Celeste Alcalay, Austin Steinhart"
/>
<link rel="icon" href="static/images/white_m.png" />
<!-- external builds -->
<script src="js/noframework.waypoints.min.js"></script>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link rel="stylesheet" href="static/style.css" />
</head>

<body>
<div class="header">
<div class="header-container">
<div class="header-title-container">
<div class="header-maroon">
<a href="https://chicagomaroon.com/">
<img
src="static/images/transparent-nameplate-offwhite.png"
alt="Chicago Maroon Logo"
id="maroon-logo"
/>
</a>
</div>
<div id="header-title">
<div class="title" id="title"></div>
<div class="subtitle" id="subtitle"></div>
</div>
</div>
<div class="header-img">
<img
src="static/images/cover_kr.webp"
alt="Chicago Maroon Logo"
/>
</div>
</div>
</div>
<div class="intro">
<div id="intro-text">
<div id="bylines">
<div class="byline" id="authors"></div>
<div class="byline" id="developers"></div>
</div>
<div class="article-text" id="article-text"></div>
</div>
</div>
<div id="content-container">
<div id="doc-container">
<div class="page">
<div class="page-image">
<img
src="static/images/report1.png"
alt="Report Page 1"
/>
</div>
<div class="page-highlights">
<div class="highlight active" id="highlight-1"></div>
<div class="highlight" id="highlight-2"></div>
<div class="highlight" id="highlight-3"></div>
<div class="highlight" id="highlight-4"></div>
<div class="highlight" id="highlight-5"></div>
<div class="highlight" id="highlight-6"></div>
<div class="highlight" id="highlight-7"></div>
<div class="highlight" id="highlight-8"></div>
<div class="highlight" id="highlight-9"></div>
<div class="highlight" id="highlight-10"></div>
<div class="highlight" id="highlight-11"></div>
</div>
</div>
<div class="page">
<div class="page-image">
<img
src="static/images/report2.png"
alt="Report Page 2"
/>
</div>
<div class="page-highlights">
<div class="highlight" id="highlight-12"></div>
<div class="highlight" id="highlight-13"></div>
<div class="highlight" id="highlight-14"></div>
</div>
</div>
<div class="page">
<div class="page-image">
<img
src="static/images/report3.png"
alt="Report Page 3"
/>
</div>
<div class="page-highlights">
<div class="highlight" id="highlight-15"></div>
<div class="highlight" id="highlight-16"></div>
</div>
</div>
<div class="page">
<div class="page-image">
<img
src="static/images/letter1_kr.webp"
alt="Letter Page 1"
/>
</div>
<div class="page-highlights">
<div class="highlight" id="highlight-17"></div>
</div>
</div>
<div class="page">
<div class="page-image">
<img
src="static/images/letter2_kr.webp"
alt="Letter Page 2"
/>
</div>
</div>
</div>
<div class="annotation-container">
<div class="sticky">
<div class="annotation-card">
<div class="annotation-card-inner">
<div id="annotation-logo">
<div id="annotation-logo-c">
<img
src="static/images/black_m.png"
alt=""
/>
</div>
</div>
<div class="annotation-card-text"></div>
</div>
</div>
</div>
</div>
</div>

<!-- build:js inline -->
<script src="js/config.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
</body>
</html>
Loading