Skip to content

Commit 6845014

Browse files
murphyqmmurphyqm
authored
Merge pull request #5 from ARCTraining/murphyqm-patch-01
Murphyqm patch 01
2 parents f132c2a + 3aab431 commit 6845014

File tree

6 files changed

+255
-20
lines changed

6 files changed

+255
-20
lines changed

‎.nojekyll‎

Whitespace-only changes.

‎README.md‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
# ARC Training Materials
2+
3+
A simple HTML page listing Advanced Research Computing training materials from the University of Leeds ARC Team.
4+
5+
This repository contains a plain HTML file with accompanying CSS for styling.

‎_config.yml‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎index.html‎

Lines changed: 59 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,59 @@
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>Advanced Research Computing Training Materials - University of Leeds</title>
7+
<link rel="stylesheet" href="styles.css">
8+
</head>
9+
<body>
10+
<header>
11+
<h1>ARC Leeds Training Materials</h1>
12+
</header>
13+
14+
<main>
15+
<section class="intro">
16+
<p>This is an archive of in-house training materials developed by the <a href="https://arc.leeds.ac.uk/" rel="external">Advanced Research Computing Team</a> at the University of Leeds. For an easy-to browse overview of course material, please visit our <a href="https://arc.leeds.ac.uk/courses/" rel="external">website</a>.</p>
17+
<p>For some of our courses, we may use external public materials which are linked separately below. Our materials are designed to work both
18+
as a basis for synchronous training sessions, and as documentation for self-directed study. This also facilitates flipped-learning, allowing you to prepare before a session.
19+
</p>
20+
<p>This will be updated as our courses evolve and change. Please check our <a href="https://arc.leeds.ac.uk/courses/" rel="external">website</a> to book training, and to find multiple methods to contact us.</p>
21+
<p>View the open source code for this webpage on our <a href="https://github.com/ARCTraining/arctraining.github.io" rel="external">GitHub repository</a>.</p>
22+
</section>
23+
24+
<section class="course-materials">
25+
<h2>Course materials</h2>
26+
27+
<section class="course-category">
28+
<h3>Software Development (SWD) Courses</h3>
29+
<ul>
30+
<li><a href="https://arctraining.github.io/git/" rel="external">SWD2: Intro to Version Control with Git and GitHub</a></li>
31+
<li><a href="https://arctraining.github.io/research-software-development/" rel="external">SWD3: Research Software Development in Python</a></li>
32+
</ul>
33+
</section>
34+
35+
<section class="course-category">
36+
<h3>High Performance Computing (HPC) Courses</h3>
37+
<ul>
38+
<li><a href="https://arctraining.github.io/rc-slides/linux101#/section" rel="external">HPC0: Introduction to Linux</a> <span class="note">(lecture slides)</span></li>
39+
<li><a href="https://arctraining.github.io/hpc1/" rel="external">HPC1: Introduction to High Performance Computing</a></li>
40+
<li><a href="https://arctraining.github.io/hpc2-software/welcome.html" rel="external">HPC2: Installing and Managing Applications on the HPC</a><span class="note"> (self-directed tutorial)</span></li>
41+
</ul>
42+
</section>
43+
44+
<section class="course-category">
45+
<h3>External Materials</h3>
46+
<p>These are externally developed materials we may use to support teaching.</p>
47+
<ul>
48+
<li><a href="https://swcarpentry.github.io/python-novice-inflammation/" rel="external">SWD1a: Intro to Python Programming</a></li>
49+
<li><a href="https://swcarpentry.github.io/r-novice-inflammation/" rel="external">SWD1b: Intro to R Programming</a></li>
50+
</ul>
51+
</section>
52+
</section>
53+
</main>
54+
55+
<footer>
56+
<p>&copy; 2025 University of Leeds - ARC Team</p>
57+
</footer>
58+
</body>
59+
</html>

‎index.md‎

Lines changed: 0 additions & 19 deletions
This file was deleted.

‎styles.css‎

Lines changed: 191 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,191 @@
1+
/* Reset and base styles */
2+
* {
3+
margin: 0;
4+
padding: 0;
5+
box-sizing: border-box;
6+
}
7+
8+
/* Typography - System fonts for scalability and performance */
9+
body {
10+
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
11+
line-height: 1.6;
12+
color: #333;
13+
background-color: #fff;
14+
}
15+
16+
/* Layout */
17+
body {
18+
max-width: 1200px;
19+
margin: 0 auto;
20+
padding: 2rem;
21+
min-height: 100vh;
22+
display: flex;
23+
flex-direction: column;
24+
}
25+
26+
/* Header */
27+
header {
28+
margin-bottom: 3rem;
29+
text-align: center;
30+
border-bottom: 1px solid #e5e5e5;
31+
padding-bottom: 2rem;
32+
}
33+
34+
header h1 {
35+
font-size: 2.5rem;
36+
font-weight: 700;
37+
color: #1a365d;
38+
margin-bottom: 0.5rem;
39+
}
40+
41+
/* Main content */
42+
main {
43+
flex: 1;
44+
}
45+
46+
.intro {
47+
margin-bottom: 3rem;
48+
font-size: 1.1rem;
49+
text-align: left;
50+
}
51+
52+
.intro p {
53+
margin-bottom: 1rem;
54+
max-width: 800px;
55+
margin-left: auto;
56+
margin-right: auto;
57+
}
58+
59+
/* Section styling */
60+
.course-materials h2 {
61+
font-size: 2rem;
62+
font-weight: 600;
63+
color: #2d3748;
64+
margin-bottom: 2rem;
65+
text-align: center;
66+
}
67+
68+
.course-category {
69+
margin-bottom: 2.5rem;
70+
background: #f7fafc;
71+
border-radius: 8px;
72+
padding: 2rem;
73+
border-left: 4px solid #3182ce;
74+
}
75+
76+
.course-category h3 {
77+
font-size: 1.5rem;
78+
font-weight: 600;
79+
color: #2d3748;
80+
margin-bottom: 1.5rem;
81+
}
82+
83+
/* List styling */
84+
ul {
85+
list-style: none;
86+
}
87+
88+
ul li {
89+
margin-bottom: 1rem;
90+
padding-left: 1.5rem;
91+
position: relative;
92+
}
93+
94+
ul li::before {
95+
content: "→";
96+
position: absolute;
97+
left: 0;
98+
color: #3182ce;
99+
font-weight: bold;
100+
}
101+
102+
/* Link styling */
103+
a {
104+
color: #3182ce;
105+
text-decoration: none;
106+
font-weight: 500;
107+
transition: color 0.2s ease-in-out;
108+
}
109+
110+
a:hover {
111+
color: #2c5282;
112+
text-decoration: underline;
113+
}
114+
115+
a:focus {
116+
outline: 2px solid #3182ce;
117+
outline-offset: 2px;
118+
}
119+
120+
/* Note styling */
121+
.note {
122+
color: #718096;
123+
font-style: italic;
124+
font-size: 0.9rem;
125+
}
126+
127+
/* Footer */
128+
footer {
129+
margin-top: 4rem;
130+
padding-top: 2rem;
131+
border-top: 1px solid #e5e5e5;
132+
text-align: center;
133+
color: #718096;
134+
}
135+
136+
/* Responsive design */
137+
@media (max-width: 768px) {
138+
body {
139+
padding: 1rem;
140+
}
141+
142+
header h1 {
143+
font-size: 2rem;
144+
}
145+
146+
.course-materials h2 {
147+
font-size: 1.75rem;
148+
}
149+
150+
.course-category h3 {
151+
font-size: 1.25rem;
152+
}
153+
154+
.course-category {
155+
padding: 1.5rem;
156+
}
157+
}
158+
159+
@media (max-width: 480px) {
160+
header h1 {
161+
font-size: 1.75rem;
162+
}
163+
164+
.intro {
165+
font-size: 1rem;
166+
}
167+
168+
.course-category {
169+
padding: 1rem;
170+
}
171+
}
172+
173+
/* Print styles */
174+
@media print {
175+
body {
176+
color: #000;
177+
background: #fff;
178+
font-size: 12pt;
179+
line-height: 1.4;
180+
}
181+
182+
a {
183+
color: #000;
184+
text-decoration: underline;
185+
}
186+
187+
.course-category {
188+
background: #fff;
189+
border: 1px solid #ccc;
190+
}
191+
}

0 commit comments

Comments
 (0)