Skip to content
Permalink
Browse files

add OMV site prototype

  • Loading branch information...
awisnicki awisnicki
awisnicki authored and awisnicki committed Jan 3, 2019
1 parent a628e63 commit 0fa5eff187266ac18b968bdfb3c4ae6bf9a4a716
Showing with 284 additions and 0 deletions.
  1. +44 −0 OMV-site/about.html
  2. +42 −0 OMV-site/index.html
  3. BIN OMV-site/main_images/Wisnicki_Figure_4.4.jpg
  4. +198 −0 OMV-site/style.css
@@ -0,0 +1,44 @@
<!DOCTYPE html>
<html>
<head>
<title>One More Voice - About</title>
<meta charset="UTF-8"/>
<meta name="viewport" content="initial-scale=1.0">
<meta name="description" content="The about page of One More Voice, an open-access recovery project. We seek to find and publish narratives and other texts by individuals who lived as subjects with the confines of the British Empire, especially in the nineteenth century."/>
<meta name="keywords" content=""/>
<link rel="stylesheet" type="text/css" href="style.css"/>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-31768072-3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'GA_TRACKING_ID');
</script>
</head>
<body>
<div class="links">
<p><a href="index.html">home</a> &nbsp; <a href="about.html">about</a> &nbsp; <a href="works.html">works</a> &nbsp; <a href="tean.html">team</a></p>
</div>
<div class="title">
<img class="image" src="main_images/Wisnicki_Figure_4.4.jpg" alt="Detail from “Femmes Indigènes Attendant l’Overture du Marché à Nyangwé” [Indigenous Women Attending the Opening of the Market at Nyangwé]. In Oscar Michaux, Au Congo, Carnet de Campagne: Épisodes & Impressions de 1889 à 1897 (Namur: Librairie Dupagne-Counet, 1913), opposite 305. Public domain. Image copyright Adrian S. Wisnicki. Creative Commons Attribution-NonCommercial 3.0 Unported (https://creativecommons.org/licenses/by-nc/3.0/)." title=" Detail from “Femmes Indigènes Attendant l’Overture du Marché à Nyangwé” [Indigenous Women Attending the Opening of the Market at Nyangwé]. In Oscar Michaux, Au Congo, Carnet de Campagne: Épisodes & Impressions de 1889 à 1897 (Namur: Librairie Dupagne-Counet, 1913), opposite 305. Public domain. Image copyright Adrian S. Wisnicki. Creative Commons Attribution-NonCommercial 3.0 Unported (https://creativecommons.org/licenses/by-nc/3.0/)."</img>
<h1>One More Voice</h1>
<hr/>
<h2>Lost Stories from the Britsh Empire</h2>
<br/>
</div>
<div class="main">
<p><span class="small-caps big">About the Site</span></p>
<p><span class="italic">One More Voice</span> is hosted on <a href="https://github.com/">GitHub</a>. The site is published under a <a href="https://creativecommons.org/licenses/by-nc/4.0/">Creative Commons</a> license; all our files and data are free for others to adapt and reuse as needed in any non-commercial context.</p>
<p><span class="italic">One More Voice</span> is an imprint of <a href="http://livingstoneonline.org/">Livingstone Online</a>, meaning that the former shares the <a href="http://livingstoneonline.org/behind-the-scenes/the-livingstone-online-code">ideals</a>, includes team members, and draws on the <a href="http://livingstoneonline.org/about-this-site/leap-2013-2017-project-history-part-i">development experience</a> of the latter. Image and transcription data created for the <span class="italic">One More Voice</span> project is also automatically integrated into the <a href="http://livingstoneonline.org/in-his-own-words/the-livingstone-online-digital-collection">digital collection</a> of <span class="italic">Livingstone Online</span>.</p>
<p>However, <span class="italic">One More Voice</span> has been built on the principals of <a href="https://go-dh.github.io/mincomp/">minimal computing</a>. Our site prioritizes content, and we have worked to develop an interface that is simple and as <a href="http://dhdebates.gc.cuny.edu/debates/text/44">universal</a> in its design as possible.</p>
<p>At this stage, there are no plans to create a print version of the site. Users, however, can download PDF and plain text files of all the works we publish and print them out as needed. We encourage and welcome the use of our materials in any educational context.</p>
<div class="footer">
<p class="center">Adrian S. Wisnicki, director | &#169; 2019, <a href="https://creativecommons.org/licenses/by-nc/4.0/">CC BY-NC 4.0</a> | Powered by <a href="https://github.com/">GitHub</a> | <a href="mailto:awisnicki@yahoo.com">Comments?</a></p>
</div>
</div>
</body>
</html>


@@ -0,0 +1,42 @@
<!DOCTYPE html>
<html>
<head>
<title>One More Voice - Home Page</title>
<meta charset="UTF-8"/>
<meta name="viewport" content="initial-scale=1.0">
<meta name="description" content="The home page of One More Voice, an open-access recovery project. We seek to find and publish narratives and other texts by individuals who lived as subjects with the confines of the British Empire, especially in the nineteenth century."/>
<meta name="keywords" content=""/>
<link rel="stylesheet" type="text/css" href="style.css"/>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-31768072-3"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'GA_TRACKING_ID');
</script>
</head>
<body>
<div class="links">
<p><a href="index.html">home</a> &nbsp; <a href="about.html">about</a> &nbsp; <a href="works.html">works</a> &nbsp; <a href="tean.html">team</a></p>
</div>
<div class="title">
<img class="image" src="main_images/Wisnicki_Figure_4.4.jpg" alt="Detail from “Femmes Indigènes Attendant l’Overture du Marché à Nyangwé” [Indigenous Women Attending the Opening of the Market at Nyangwé]. In Oscar Michaux, Au Congo, Carnet de Campagne: Épisodes & Impressions de 1889 à 1897 (Namur: Librairie Dupagne-Counet, 1913), opposite 305. Public domain. Image copyright Adrian S. Wisnicki. Creative Commons Attribution-NonCommercial 3.0 Unported (https://creativecommons.org/licenses/by-nc/3.0/)." title=" Detail from “Femmes Indigènes Attendant l’Overture du Marché à Nyangwé” [Indigenous Women Attending the Opening of the Market at Nyangwé]. In Oscar Michaux, Au Congo, Carnet de Campagne: Épisodes & Impressions de 1889 à 1897 (Namur: Librairie Dupagne-Counet, 1913), opposite 305. Public domain. Image copyright Adrian S. Wisnicki. Creative Commons Attribution-NonCommercial 3.0 Unported (https://creativecommons.org/licenses/by-nc/3.0/)."</img>
<h1>One More Voice</h1>
<hr/>
<h2>Lost Stories from the Britsh Empire</h2>
<br/>
</div>
<div class="main">
<p><span class="small-caps big">Overview of the Project</span></p>
<p><span class="italic">One More Voice</span> is an open-access recovery project. We seek to find and publish narratives and other texts by individuals who lived as subjects with the confines of the British Empire, especially in the nineteenth century. Our site, which is now in its prototype phase, currently includes diaries, travel narratives, testimonies, letters, and autobiographical pieces.</p>
<p>Many such texts were once lost, buried in archives, or otherwise forgotten. Our project has identified them and started producing user-friendly versions of these works for the public. Ultimately, we hope easy access to the texts will transform how scholars, teachers, and others around the world think about the British Empire and about the stories that can be told about the Empire.</p>
<div class="footer">
<p class="center">Adrian S. Wisnicki, director | &#169; 2019, <a href="https://creativecommons.org/licenses/by-nc/4.0/">CC BY-NC 4.0</a> | Powered by <a href="https://github.com/">GitHub</a> | <a href="mailto:awisnicki@yahoo.com">Comments?</a></p>
</div>
</div>
</body>
</html>


Binary file not shown.
@@ -0,0 +1,198 @@
/*Big parts*/

html{
font:16px Helvetica, sans-serif;
font-weight:normal;
color:#191716;
width:100%;
}

body {
}

.links {
font-size:1.1em;
color:#302c2a;
padding-top:.1em;
padding-bottom:.4em;
margin-top:-1em;
margin-bottom:-1em;
}

.title, .links, .footer {
font-weight:bold;
text-align:center;
line-height:1.6em;
}

.title {
margin-left:-10px;
margin-right:-10px;
}

.main{
text-align:left;
line-height:1.8em;
margin-left:auto;
margin-right:auto;
padding-left:1em;
padding-right:1em;
}

.footer {
font-size:.8em;
padding-top:.5em;
}

image {
margin-left:auto;
margin-right:auto;
}

.image {
width:100%;

}

ul {
padding-left:18px;
padding-bottom:1em;
}


/*Headings & Lines*/

h1 {
font-size:1.9em;
font-family:Verdana;
}

h2 {
font-size:1.75em;
font-family:Palatino;
}

h3 {
font-size:1em;
}

hr {
width:100%;
}

.thick {
width:50%;
overflow:visible; /* For IE */
border:none;
border-top:medium double #191716;
color:#191716;
text-align:center;
padding:10px 10px 0 0;
}


/*Formatting*/

.big {
font-size:1.1em;
}

.bigger {
font-size:1.2em;
}

.bold {
font-weight:bold;
}

.center {
text-align:center;
}

.italic {
font-style:italic;
}

.left {
text-align:left;
}

.small-caps {
font-variant:small-caps;
}

.small-caps-palatino {
font-variant:small-caps;
font-family:Palatino;
}

.small {
font-size:.9em;
}

.smaller {
font-size:.8em;
}


/*Links*/

a, a:visited {
color:#00a8e1
text-decoration:none;
}

a:hover {
color:#e4524b;

}

.links a {
color:#191716;
text-decoration:none;
}

.links a:hover {
text-decoration:underline;
}


/*Mobile*/

/* iPhone 5s: More than or equal to 320px */
@media only screen and (min-width:320px) {
body {
width:100%;
margin-left:auto;
margin-right:auto;
}
}

/* iPhone 6+: More than or equal to 414px */
@media only screen and (min-width:414px) {
body {
width:93%;
margin-left:auto;
margin-right:auto;
}
}

/* iPad Mini: More than or equal to 703px */
@media only screen and (min-width:703px) {
body {
width:85%;
margin-left:auto;
margin-right:auto;
}
}

/* iPad Air: More than or equal to 768px */
@media only screen and (min-width:768px) {
body {
width:80%;
max-width:40em;
margin-left:auto;
margin-right:auto;
font-size:1em;
}
}

0 comments on commit 0fa5eff

Please sign in to comment.
You can’t perform that action at this time.