-
Notifications
You must be signed in to change notification settings - Fork 6
/
Copy pathindex.html
188 lines (170 loc) · 6.75 KB
/
index.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<script>
(function() {
const savedTheme = localStorage.getItem('theme');
if (savedTheme) {
document.documentElement.setAttribute('data-theme', savedTheme);
} else {
const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
const defaultTheme = prefersDark ? 'dark' : 'light';
document.documentElement.setAttribute('data-theme', defaultTheme);
}
})();
</script>
<link rel="manifest" href="./manifest.webmanifest">
<link rel="shortcut icon" href="./favicon.png">
<link rel="stylesheet" href="./src/index.scss">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<title>Search CTF Writeups</title>
<meta name="description" content="Search CTF Writeups and Solutions">
<meta name="keywords" content="ctf, writeups, security, hacking, web exploitation, reverse engineering"/>
<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://writeups.hackmap.win">
<meta property="og:title" content="Search CTF Writeups and Solutions">
<meta property="og:description" content="Search through 24,000+ CTF writeups and solutions with instant results and smart filtering. Find Web Exploitation, Buffer Overflow, Reverse Engineering writeups and more."/>
<!-- <meta property="og:image" content="./images/opengraph_banner.png"> -->
<meta name="robots" content="index, follow">
<meta name="language" content="English">
<!-- Add structured data for search results -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "CTF Writeups Search",
"description": "Search engine for CTF writeups and solutions",
"url": "https://writeups.hackmap.win",
"potentialAction": {
"@type": "SearchAction",
"target": "https://writeups.hackmap.win?q={search_term_string}",
"query-input": "required name=search_term_string"
}
}
</script>
<script defer src="https://cloud.umami.is/script.js" data-website-id="ce33ec21-bec8-4167-8b4c-807320ebb934"></script>
</head>
<body>
<div class="container">
<div class="row mt-4 mb-3">
<div class="col-md">
<header class="site-header">
<div class="row">
<div class="col-md">
<h1 class="text-center">
Search CTF Writeups
</h1>
<p class="text-center text-muted lead">
Find and explore CTF solutions and writeups
</p>
</div>
</div>
</header>
</div>
</div>
<!-- Stats Section -->
<div class="row mb-3">
<div class="col-md-8 mx-auto">
<div class="text-center text-muted">
<small>
<i class="fas fa-database"></i> Database size: <span>24,000+</span> writeups
</small>
</div>
</div>
</div>
<!-- Search Box -->
<div class="row mb-4">
<div class="col-md-8 mx-auto">
<div id="searchbox" class="shadow-sm" role="search" aria-label="Search CTF writeups"></div>
<div id="stats" class="text-muted small text-center mt-2"></div>
<div class="mt-3 text-center" aria-label="Example search terms">
<small class="text-muted">Try searching for: </small>
<nav aria-label="Example searches">
<a role="button" class="clickable-search-term" aria-label="Search Web Exploitation">Web Exploitation</a>
<a role="button" class="clickable-search-term" aria-label="Search Buffer Overflow">Buffer Overflow</a>
<a role="button" class="clickable-search-term" aria-label="Search Reverse Engineering">Reverse Engineering</a>
</nav>
</div>
</div>
</div>
<!-- About Section -->
<div class="row mb-5">
<div class="col-lg-8 mx-auto">
<div class="card shadow-sm">
<div class="card-body">
<div class="d-flex justify-content-between align-items-center">
<h4 class="card-title mb-0">About this Search</h4>
<button id="hide-about" class="btn btn-sm btn-link">
<i class="fas fa-times"></i>
</button>
</div>
<p class="card-text">
This search engine allows you to explore CTF (Capture The Flag) writeups and solutions from a curated collection.
It's powered by <a href="https://typesense.org" target="_blank" rel="noopener">Typesense</a>,
an open-source search engine that provides fast and typo-tolerant search capabilities.
</p>
<div class="row text-center mt-4">
<div class="col-md-4 mb-3">
<i class="fas fa-bolt fa-2x text-primary mb-2"></i>
<h5>Fast Search</h5>
<p class="small text-muted">Instant search results with typo tolerance</p>
</div>
<div class="col-md-4 mb-3">
<i class="fas fa-filter fa-2x text-primary mb-2"></i>
<h5>Smart Filtering</h5>
<p class="small text-muted">Filter by categories and refine your search</p>
</div>
<div class="col-md-4 mb-3">
<i class="fas fa-book fa-2x text-primary mb-2"></i>
<h5>Rich Content</h5>
<p class="small text-muted">Access detailed writeups and solutions</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Results Section -->
<div id="results-section" class="container d-none mb-5 pb-5">
<div class="row justify-content-center">
<div class="col-md-8">
<div id="hits"></div>
<div id="current-refinements" class="mt-3 text-center"></div>
</div>
</div>
</div>
</div>
<footer class="site-footer navbar fixed-bottom py-3" role="contentinfo">
<div class="container">
<div class="row w-100">
<div class="col-md-4">
<span class="navbar-text">
<a href="https://github.com/sarperavci/ctf-writeups-search" target="_blank" rel="noopener">
<i class="fab fa-github"></i> View on GitHub
</a>
</span>
</div>
<div class="col-md-4 text-center">
<span class="navbar-text">
Powered by <a href="https://typesense.org" target="_blank" rel="noopener">Typesense</a>
</span>
</div>
<div class="col-md-4 text-md-right">
<span class="navbar-text">
<a href="#" id="theme-toggle">
<i class="fas fa-sun"></i>
<i class="fas fa-moon"></i>
<span class="ml-1">Theme</span>
</a>
</span>
</div>
</div>
</div>
</footer>
<script type="module" src="./src/app.js"></script>
</body>
</html>