-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
91 lines (79 loc) · 3.61 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Samantha Fritz</title>
<!-- Add in libraries and style sheets -->
<link rel="stylesheet" href="/samfritz.github.io/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<!-- site header -->
<body>
<div class="header">
<h1>Samantha Fritz</h1>
<h2>Showcasing skills learned while experimenting with basic HTML/CSS concepts.</h2>
</div>
<!-- menu tabs -->
<button class="tablink" onclick="openPage('INFO-6620', this, 'white')" id="defaultOpen">INFO 6620</button>
<button class="tablink" onclick="openPage('Thing1', this, 'white')">Thing1</button>
<button class="tablink" onclick="openPage('Thing2', this, 'white')">Thing2</button>
<!-- content for INFO-6620 tab -->
<div id="INFO-6620" class="tabcontent">
<div class="main">
<h3>INFO 6620: Elextronic Text Design</h3>
<p>During the course of my time at the School of Information Management at Dalhousie University, I participated in INFO 6620. Below is a portfolio of culminating course projects which demonstrate basic concepts of HTML and CSS design.</p>
<h4><a href="https://www.yumpu.com/en/document/read/33597521/info-6620-electronic-text-design-course-outline-faculty-of-">Previous INFO 6620 syllabus available.</a></h4>
<ul>
<li>
<a href="#"><h3>Typography</h3></a>
<p>Format: HTML Essay</p>
<br/>Designed to demonstrate xhtml and CSS skills and the ability to create a functional attractive, and accesible design for the content of your essay.
</li>
<li>
<a href="/samfritz.github.io/alice.xml"><h3>Alice Excerpt</h3></a>
<p>Format: TEI XML Project</p>
<br/>This project was designed to give participants experience in the application of the TEI XML encoding. The requirement of this project was to encode a document which was provided with TEI XML tags to ain an understanding of the principles and goals of text encoding and specifically of text encoding for the humanities.
</li>
<li>
<a href="#"><h3>Datatbase</h3></a>
<p>Format: Database Document</p>
<br/>The goal was to create a database type document, where data is complex enough to offer an opportunity for different display options and opportunies.
</li>
</ul>
<div class="footer">
<a href="https://twitter.com/samvfritz"><div class="fa fa-twitter"></div></a>
<a href="https://scholar.google.ca/citations?user=Gt-k7XEAAAAJ&hl=en"><div class="fa fa-google"></div></a>
<a href="https://www.linkedin.com/in/samvfritz/"><div class="fa fa-linkedin"></div></a>
<a href="https://www.instagram.com/samvfritz/"><div class="fa fa-instagram"></div></a>
</div>
</div>
<!-- content for X tab -->
<div id="News" class="tabcontent">
<h3>Thing1</h3>
<p>When I have other portfolio project</p>
</div>
<!-- content for X tab -->
<div id="Contact" class="tabcontent">
<h3>Thing2</h3>
<p>And then other things</p>
</div>
<!-- script for running tab -->
<script>
function openPage(pageName,elmnt,color) {
var i, tabcontent, tablinks;
tabcontent = document.getElementsByClassName("tabcontent");
for (i = 0; i < tabcontent.length; i++) {
tabcontent[i].style.display = "none";
}
tablinks = document.getElementsByClassName("tablink");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].style.backgroundColor = "";
}
document.getElementById(pageName).style.display = "block";
elmnt.style.backgroundColor = color;
}
// Get the element with id="defaultOpen" and click on it
document.getElementById("defaultOpen").click();
</script>
</html>