Skip to content

Commit e74c3bc

Browse files
nuestnuest
committed
add html preview
1 parent ce1ac80 commit e74c3bc

File tree

22 files changed

+2955
-0
lines changed

22 files changed

+2955
-0
lines changed

‎.claude/settings.local.json‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
{
2+
"permissions": {
3+
"allow": [
4+
"Bash(for i in {1970-004..1970-020})",
5+
"Bash(do mkdir -p docs/$i)",
6+
"Bash(done)",
7+
"Bash(for i in {006..020})",
8+
"Bash(do mkdir -p \"/home/daniel/git/codecheck/testing-dev-register/docs/1970-$i\")"
9+
],
10+
"deny": [],
11+
"ask": []
12+
}
13+
}

‎docs/1970-001/index.html‎

Lines changed: 133 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,133 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Certificate 1970-001 - FAKE CODECHECK</title>
7+
<style>
8+
body {
9+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
10+
line-height: 1.6;
11+
max-width: 800px;
12+
margin: 0 auto;
13+
padding: 20px;
14+
background: #f8f9fa;
15+
}
16+
.header {
17+
background: #fff;
18+
padding: 30px;
19+
border-radius: 8px;
20+
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
21+
margin-bottom: 30px;
22+
}
23+
.warning {
24+
background: #fff3cd;
25+
border: 1px solid #ffeaa7;
26+
color: #856404;
27+
padding: 15px;
28+
border-radius: 5px;
29+
margin-bottom: 20px;
30+
font-weight: bold;
31+
}
32+
.certificate-details {
33+
background: #fff;
34+
padding: 30px;
35+
border-radius: 8px;
36+
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
37+
margin-bottom: 20px;
38+
}
39+
.detail-row {
40+
display: grid;
41+
grid-template-columns: 200px 1fr;
42+
margin-bottom: 15px;
43+
padding-bottom: 15px;
44+
border-bottom: 1px solid #e9ecef;
45+
}
46+
.detail-row:last-child {
47+
border-bottom: none;
48+
margin-bottom: 0;
49+
padding-bottom: 0;
50+
}
51+
.label {
52+
font-weight: 600;
53+
color: #495057;
54+
}
55+
.value {
56+
color: #212529;
57+
}
58+
.type-badge {
59+
padding: 4px 12px;
60+
border-radius: 4px;
61+
font-size: 0.9em;
62+
font-weight: 500;
63+
background: #e3f2fd;
64+
color: #1565c0;
65+
display: inline-block;
66+
}
67+
.back-link {
68+
color: #0066cc;
69+
text-decoration: none;
70+
margin-bottom: 20px;
71+
display: inline-block;
72+
}
73+
.back-link:hover {
74+
text-decoration: underline;
75+
}
76+
.repo-link {
77+
color: #0066cc;
78+
text-decoration: none;
79+
}
80+
.repo-link:hover {
81+
text-decoration: underline;
82+
}
83+
</style>
84+
</head>
85+
<body>
86+
<a href="../" class="back-link">← Back to Register</a>
87+
88+
<div class="header">
89+
<h1>🔍 Certificate 1970-001</h1>
90+
<p>FAKE CODECHECK Certificate Details</p>
91+
</div>
92+
93+
<div class="warning">
94+
⚠️ WARNING: This is FAKE test data. This certificate and all associated information are fictional for testing purposes only.
95+
</div>
96+
97+
<div class="certificate-details">
98+
<div class="detail-row">
99+
<div class="label">Certificate ID:</div>
100+
<div class="value">1970-001</div>
101+
</div>
102+
<div class="detail-row">
103+
<div class="label">Repository:</div>
104+
<div class="value">
105+
<a href="#" class="repo-link">github::testuser/FAKE-ml-classification-demo</a>
106+
<br><small>⚠️ FAKE repository for testing</small>
107+
</div>
108+
</div>
109+
<div class="detail-row">
110+
<div class="label">Type:</div>
111+
<div class="value"><span class="type-badge">journal</span></div>
112+
</div>
113+
<div class="detail-row">
114+
<div class="label">Venue:</div>
115+
<div class="value">FAKE PeerJ Computer Science</div>
116+
</div>
117+
<div class="detail-row">
118+
<div class="label">Issue:</div>
119+
<div class="value">101</div>
120+
</div>
121+
<div class="detail-row">
122+
<div class="label">Description:</div>
123+
<div class="value">
124+
This is a fake certificate for testing machine learning classification code.
125+
The repository contains example code for demonstrating reproducible research practices
126+
in computer science publications.
127+
<br><br>
128+
<strong>Note:</strong> All data, code, and results are simulated for testing purposes.
129+
</div>
130+
</div>
131+
</div>
132+
</body>
133+
</html>

‎docs/1970-002/index.html‎

Lines changed: 133 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,133 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Certificate 1970-002 - FAKE CODECHECK</title>
7+
<style>
8+
body {
9+
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
10+
line-height: 1.6;
11+
max-width: 800px;
12+
margin: 0 auto;
13+
padding: 20px;
14+
background: #f8f9fa;
15+
}
16+
.header {
17+
background: #fff;
18+
padding: 30px;
19+
border-radius: 8px;
20+
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
21+
margin-bottom: 30px;
22+
}
23+
.warning {
24+
background: #fff3cd;
25+
border: 1px solid #ffeaa7;
26+
color: #856404;
27+
padding: 15px;
28+
border-radius: 5px;
29+
margin-bottom: 20px;
30+
font-weight: bold;
31+
}
32+
.certificate-details {
33+
background: #fff;
34+
padding: 30px;
35+
border-radius: 8px;
36+
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
37+
margin-bottom: 20px;
38+
}
39+
.detail-row {
40+
display: grid;
41+
grid-template-columns: 200px 1fr;
42+
margin-bottom: 15px;
43+
padding-bottom: 15px;
44+
border-bottom: 1px solid #e9ecef;
45+
}
46+
.detail-row:last-child {
47+
border-bottom: none;
48+
margin-bottom: 0;
49+
padding-bottom: 0;
50+
}
51+
.label {
52+
font-weight: 600;
53+
color: #495057;
54+
}
55+
.value {
56+
color: #212529;
57+
}
58+
.type-badge {
59+
padding: 4px 12px;
60+
border-radius: 4px;
61+
font-size: 0.9em;
62+
font-weight: 500;
63+
background: #f3e5f5;
64+
color: #7b1fa2;
65+
display: inline-block;
66+
}
67+
.back-link {
68+
color: #0066cc;
69+
text-decoration: none;
70+
margin-bottom: 20px;
71+
display: inline-block;
72+
}
73+
.back-link:hover {
74+
text-decoration: underline;
75+
}
76+
.repo-link {
77+
color: #0066cc;
78+
text-decoration: none;
79+
}
80+
.repo-link:hover {
81+
text-decoration: underline;
82+
}
83+
</style>
84+
</head>
85+
<body>
86+
<a href="../" class="back-link">← Back to Register</a>
87+
88+
<div class="header">
89+
<h1>🔍 Certificate 1970-002</h1>
90+
<p>FAKE CODECHECK Certificate Details</p>
91+
</div>
92+
93+
<div class="warning">
94+
⚠️ WARNING: This is FAKE test data. This certificate and all associated information are fictional for testing purposes only.
95+
</div>
96+
97+
<div class="certificate-details">
98+
<div class="detail-row">
99+
<div class="label">Certificate ID:</div>
100+
<div class="value">1970-002</div>
101+
</div>
102+
<div class="detail-row">
103+
<div class="label">Repository:</div>
104+
<div class="value">
105+
<a href="#" class="repo-link">osf::FAKE1</a>
106+
<br><small>⚠️ FAKE OSF repository for testing</small>
107+
</div>
108+
</div>
109+
<div class="detail-row">
110+
<div class="label">Type:</div>
111+
<div class="value"><span class="type-badge">community</span></div>
112+
</div>
113+
<div class="detail-row">
114+
<div class="label">Venue:</div>
115+
<div class="value">fake-codecheck</div>
116+
</div>
117+
<div class="detail-row">
118+
<div class="label">Issue:</div>
119+
<div class="value">102</div>
120+
</div>
121+
<div class="detail-row">
122+
<div class="label">Description:</div>
123+
<div class="value">
124+
This is a fake community codecheck certificate stored on a simulated OSF repository.
125+
Demonstrates the workflow for community-driven code verification and reproducibility
126+
assessment outside of formal publication channels.
127+
<br><br>
128+
<strong>Note:</strong> This OSF identifier and all associated content are simulated for testing.
129+
</div>
130+
</div>
131+
</div>
132+
</body>
133+
</html>

0 commit comments

Comments
 (0)