-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
140 lines (132 loc) · 6.87 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Jane Eyre · Digital Humanities Portfolio</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Besley:ital,wght@0,400..900;1,400..900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Jane Eyre · Digital Humanities Portfolio</h1>
<nav>
<a href="#introduction">Introduction</a>
<a href="#projects">Projects</a>
<a href="#coursework">Coursework</a>
<a href="#selected-writing">Selected Writing</a>
</nav>
</header>
<main>
<!-- Introduction or Overview: Address potential readers, from Advisory
Committee to future employers or colleagues. Introduce yourself and offer a
brief narrative telling the story of your research interests and development as
a person working with digital tools as well as other methods of your
disciplines. You may write particular reflections on methods as part of
-->
<section id="introduction">
<h1>Introduction</h1>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Laborum
voluptate sit similique unde cupiditate repellat ea repudiandae
placeat est ipsam accusamus excepturi magnam adipisci temporibus,
dicta molestiae quo dolorem? Explicabo. Lorem ipsum dolor sit amet
consectetur adipisicing elit. Consequuntur temporibus nemo quo! Quos
natus repellat, quia iure consequatur velit aut illo officiis amet
corporis consequuntur nobis ipsam, fugiat harum.</p>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit.
Laboriosam velit qui, quibusdam necessitatibus suscipit magni
perspiciatis veritatis molestiae voluptates animi pariatur voluptas
eligendi temporibus facilis, fugiat vitae recusandae odit similique.
Iste officia ipsum reprehenderit hic inventore ducimus dolor
quibusdam error dolores tempora maiores, voluptas laborum obcaecati
laudantium maxime quos rem nobis sequi! Officia odio quidem dolorem
mollitia, tempora accusantium corporis. Voluptatum totam blanditiis
quae doloremque reprehenderit, provident velit, ducimus ab assumenda
minus error dicta consequuntur! Consequatur exercitationem quo
possimus incidunt dolorem dolorum nihil modi aut, necessitatibus
unde quos voluptate quia!</p>
<p>Inventore accusantium nam, corporis illum ipsam iusto laborum
rerum quos ut repellat eaque impedit totam pariatur, perspiciatis
enim incidunt animi voluptate laboriosam, modi dolorum neque.
Officia officiis nulla nisi maxime. Iste eos officiis vitae dolores
quo quos, unde labore deserunt exercitationem obcaecati similique
ipsa voluptas quod adipisci. Ut aliquam accusamus libero aperiam
laudantium sequi nemo iusto asperiores voluptatum, vero itaque.</p>
</section>
<!-- B. Body of Portfolio: Exhibit all the DH projects that you’ve
worked or collaborated on, including in course assignments (though
as noted, the latter are not counted as Practicum hours).
1. Project Exhibits in Collaboration, for Practicum:
a. An image and access in some form to the project (a link to
the project website or GitHub page) and a brief description of
the project and its significance.
b. The student’s contribution to the project, and links to any
blog posts you may have written about the project.
-->
<section id="projects">
<h1>Practicum Projects</h1>
<ul>
<li>
<img src="" alt="">
<h2>Project One</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. A
soluta maiores sed delectus animi ea, error perferendis commodi
distinctio architecto suscipit magnam debitis accusantium, enim
asperiores quo ratione blanditiis impedit?</p>
</li>
<li>
<img src="" alt="">
<h2>Project Two</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. A
soluta maiores sed delectus animi ea, error perferendis commodi
distinctio architecto suscipit magnam debitis accusantium, enim
asperiores quo ratione blanditiis impedit?</p>
</li>
</ul>
</section>
<!-- 2. Exhibits for Any Course Assignments, whether solo or
collaborative, that relate to DH. Include a. and b. as stated for 1 in the
Body of the Portfolio.
-->
<section id="coursework">
<h1>Coursework</h1>
<ul>
<li>
<h2>Assignment Title</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Dignissimos nisi nam dolorum consequatur exercitationem, odio
doloribus ut fuga, earum delectus quasi voluptatem incidunt iste
inventore in adipisci accusantium at numquam.</p>
</li>
<li>
<h2>Assignment Title</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit.
Dignissimos nisi nam dolorum consequatur exercitationem, odio
doloribus ut fuga, earum delectus quasi voluptatem incidunt iste
inventore in adipisci accusantium at numquam.</p>
</li>
</ul>
</section>
<!-- 3. Any relevant written work, for instance a researched seminar
paper, that you wish to post rather than to publish with a journal (which
would entail copyright). That said, you may decide that some of the projects
you list should be simply described in words; these might include projects
that you are not a leading collaborator for (it is not yours to “publish”),
or preliminary plans for projects not yet prototyped.
-->
<section id="selected-writing">
<h1>Selected Writing</h1>
<ul>
<li>Sit amet consectetur adipisicing elit.</li>
<li>Lorem ipsum dolor</li>
<li>Enim, vel ex ab eum, ut amet totam maxime</li>
<li>Id laborum doloremque ullam natus asperiores quam.</li>
</ul>
</section>
</main>
</body>
</html>