Skip to content

Commit aa25c9b

Browse files
Anant TripathiAnant Tripathi
Anant Tripathi
authored and
Anant Tripathi
committed
Rename app to DiffLens; add author footer with social links
- Rename DiffTool → DiffLens across App.jsx, index.html, README - Footer now shows "Built by Anant Tripathi" with links to LinkedIn, GitHub, Portfolio, Kaggle, and Hugging Face - Dark mode support for footer social icons
1 parent dde333f commit aa25c9b

4 files changed

Lines changed: 105 additions & 7 deletions

File tree

‎README.md‎

Lines changed: 5 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,20 @@
1-
# DiffTool
1+
# DiffLens
22

33
A fast, fully **client-side** code and text diff tool. Paste snippets or upload files, pick a view, and compare — nothing leaves your browser.
44

55
**Live app → [ananttripathi.github.io/code-differentiator](https://ananttripathi.github.io/code-differentiator/)**
66

7+
Built by **[Anant Tripathi](https://ananttripathi.github.io/Anant-Portfolio/)** · [LinkedIn](https://linkedin.com/in/ananttripathiak) · [GitHub](https://github.com/ananttripathi) · [Kaggle](https://www.kaggle.com/anantkumartripathi) · [Hugging Face](https://huggingface.co/ananttripathiak)
8+
79
---
810

911
## Screenshots
1012

1113
### Light mode
12-
![DiffTool light mode](docs/screenshot-light.png)
14+
![DiffLens light mode](docs/screenshot-light.png)
1315

1416
### Dark mode
15-
![DiffTool dark mode](docs/screenshot-dark.png)
17+
![DiffLens dark mode](docs/screenshot-dark.png)
1618

1719
### Char Diff view
1820
![Char Diff — character-level highlights](docs/screenshot-char-diff.gif)

‎index.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>DiffTool — Code Differentiator</title>
6+
<title>DiffLens — Code & Text Differentiator</title>
77
</head>
88
<body>
99
<div id="root"></div>

‎src/App.css‎

Lines changed: 71 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -515,12 +515,66 @@ body {
515515

516516
/* ── Footer ── */
517517
.app-footer {
518-
padding: 16px 24px;
518+
padding: 14px 24px;
519519
text-align: center;
520520
font-size: 0.78rem;
521521
color: #94a3b8;
522522
border-top: 1px solid #e2e8f0;
523523
background: #ffffff;
524+
display: flex;
525+
flex-direction: column;
526+
align-items: center;
527+
gap: 8px;
528+
}
529+
530+
.footer-privacy {
531+
color: #94a3b8;
532+
}
533+
534+
.footer-author {
535+
display: flex;
536+
align-items: center;
537+
gap: 8px;
538+
flex-wrap: wrap;
539+
justify-content: center;
540+
color: #64748b;
541+
}
542+
543+
.footer-name {
544+
color: #4f46e5;
545+
text-decoration: none;
546+
font-weight: 600;
547+
}
548+
549+
.footer-name:hover {
550+
text-decoration: underline;
551+
text-underline-offset: 2px;
552+
}
553+
554+
.footer-divider {
555+
color: #cbd5e1;
556+
}
557+
558+
.footer-socials {
559+
display: flex;
560+
align-items: center;
561+
gap: 10px;
562+
}
563+
564+
.social-link {
565+
display: flex;
566+
align-items: center;
567+
color: #94a3b8;
568+
transition: color 0.15s;
569+
}
570+
571+
.social-link:hover {
572+
color: #4f46e5;
573+
}
574+
575+
.social-link svg {
576+
width: 16px;
577+
height: 16px;
524578
}
525579

526580
/* ── Char Diff ── */
@@ -962,3 +1016,19 @@ body {
9621016
border-top-color: #2a2740;
9631017
color: #4a4a6a;
9641018
}
1019+
1020+
[data-theme="dark"] .footer-author {
1021+
color: #64748b;
1022+
}
1023+
1024+
[data-theme="dark"] .footer-divider {
1025+
color: #2a2740;
1026+
}
1027+
1028+
[data-theme="dark"] .social-link {
1029+
color: #4a4a6a;
1030+
}
1031+
1032+
[data-theme="dark"] .social-link:hover {
1033+
color: #818cf8;
1034+
}

‎src/App.jsx‎

Lines changed: 28 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -76,7 +76,7 @@ export default function App() {
7676
<path d="M9 3H5a2 2 0 0 0-2 2v4m6-6h10a2 2 0 0 1 2 2v4M9 3v18m0 0h10a2 2 0 0 0 2-2V9M9 21H5a2 2 0 0 1-2-2V9m0 0h18" />
7777
</svg>
7878
<div>
79-
<h1 className="header-title">DiffTool</h1>
79+
<h1 className="header-title">DiffLens</h1>
8080
<p className="header-subtitle">Code &amp; text differentiator</p>
8181
</div>
8282
</div>
@@ -211,7 +211,33 @@ export default function App() {
211211
</main>
212212

213213
<footer className="app-footer">
214-
<p>Runs entirely in your browser — no data is sent to any server</p>
214+
<p className="footer-privacy">Runs entirely in your browser — no data is sent to any server</p>
215+
<div className="footer-author">
216+
<span>Built by <a href="https://ananttripathi.github.io/Anant-Portfolio/" target="_blank" rel="noopener noreferrer" className="footer-name">Anant Tripathi</a></span>
217+
<span className="footer-divider">·</span>
218+
<div className="footer-socials">
219+
{/* LinkedIn */}
220+
<a href="https://linkedin.com/in/ananttripathiak" target="_blank" rel="noopener noreferrer" title="LinkedIn" className="social-link">
221+
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/><rect x="2" y="9" width="4" height="12"/><circle cx="4" cy="4" r="2"/></svg>
222+
</a>
223+
{/* GitHub */}
224+
<a href="https://github.com/ananttripathi" target="_blank" rel="noopener noreferrer" title="GitHub" className="social-link">
225+
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22"/></svg>
226+
</a>
227+
{/* Portfolio */}
228+
<a href="https://ananttripathi.github.io/Anant-Portfolio/" target="_blank" rel="noopener noreferrer" title="Portfolio" className="social-link">
229+
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
230+
</a>
231+
{/* Kaggle */}
232+
<a href="https://www.kaggle.com/anantkumartripathi" target="_blank" rel="noopener noreferrer" title="Kaggle" className="social-link">
233+
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M18.825 23.859c-.022.092-.117.141-.281.141h-3.139c-.187 0-.351-.082-.492-.248l-5.178-6.589-1.448 1.374v5.111c0 .235-.117.352-.351.352H5.505c-.236 0-.354-.117-.354-.352V.353c0-.233.118-.353.354-.353h2.431c.234 0 .351.12.351.353v14.343l6.203-6.272c.165-.165.33-.246.495-.246h3.239c.144 0 .236.06.285.18.046.149.034.255-.036.315l-6.555 6.344 6.836 8.507c.095.104.117.208.07.334"/></svg>
234+
</a>
235+
{/* HuggingFace */}
236+
<a href="https://huggingface.co/ananttripathiak" target="_blank" rel="noopener noreferrer" title="Hugging Face" className="social-link">
237+
<svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 1C5.925 1 1 5.925 1 12s4.925 11 11 11 11-4.925 11-11S18.075 1 12 1zm0 2c4.97 0 9 4.03 9 9s-4.03 9-9 9-9-4.03-9-9 4.03-9 9-9zm-3.5 5.5c-.828 0-1.5.672-1.5 1.5s.672 1.5 1.5 1.5S10 10.828 10 10s-.672-1.5-1.5-1.5zm7 0c-.828 0-1.5.672-1.5 1.5s.672 1.5 1.5 1.5 1.5-.672 1.5-1.5-.672-1.5-1.5-1.5zM12 13c-2.21 0-4 1.343-4 3h8c0-1.657-1.79-3-4-3z"/></svg>
238+
</a>
239+
</div>
240+
</div>
215241
</footer>
216242
</div>
217243
)

0 commit comments

Comments
 (0)