netcare
Pedro Sá Couto
4 years ago
parent
6b034880df
commit
0c8a609cd5
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 1.1 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.4 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.4 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.6 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 MiB |
@ -0,0 +1,84 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta name="date" content="JULY 2020">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<link rel="stylesheet" href="../css/pages.css">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
<meta name="description" content="XPUB">
|
||||
<title>Networks of Care</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id="indexyellowleft"></div>
|
||||
<div id="indexyellowright"></div>
|
||||
|
||||
<!-- XPUB SYNTAX -->
|
||||
<a href='https://project.xpub.nl/' class='homebutton'>— HOME </a>
|
||||
|
||||
<header>
|
||||
<h1 id='project-title'> <a> Networks of Care <br> — A field guide</a></h1>
|
||||
<h2 id='student-name' class="mytypestyle"><a href="https://ritagraca.com" target="_blank">Rita Graça</a></h2>
|
||||
|
||||
<div id='hleft-text'>
|
||||
<div id='inner-hleft-text'>
|
||||
<div id='ihtp'>
|
||||
|
||||
<object>
|
||||
<div id='about-project'>
|
||||
<p>This field guide will lead you through the attempts, accomplishments and missteps of moderators, writers, facilitators, users and custodians of moderated social networks, offering an extensive view over Codes of Conduct and the practices behind these informal documents.</p>
|
||||
|
||||
<p>Discussing Codes of Conduct isn't only considering the potential of text, but recognising the labour intensive routines that imply human effort and involve the community. </p>
|
||||
|
||||
<p>This project offers a collection of user guidelines for you to browse, dissect and analyse. Delve into the conversations with different community members and find useful templates, resources, and experiments. Let's explore the networks of care generated together.</p>
|
||||
|
||||
<p><i>Networks of Care — a field guide</i> (2020). License — Copyleft: This is a free work. You can copy, distribute, and modify it underthe terms of the Free Art License http://artlibre.org/licence/lal/en/</p>
|
||||
</div>
|
||||
|
||||
|
||||
<div id='about-student'>
|
||||
<p> Rita Graça (PT) is a media designer and researcher with a background in graphic design and dance. Her current work focuses on the methods, users, and tools needed to create better online communities.</p>
|
||||
</div>
|
||||
|
||||
</object>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
|
||||
<section id='main'>
|
||||
<div id="galleries">
|
||||
<div id='work'>
|
||||
<h3 class='gal-title mytypestyle'><a>Work</a></h3>
|
||||
|
||||
<ul id='publist'>
|
||||
<li><a href='https://hub.xpub.nl/networksofcare/' target="_blank" class='ext mytypestyle'>— Project Website</a></li>
|
||||
</ul>
|
||||
<img src="img/img5.jpg" class='workimg'/>
|
||||
<img src="img/img8.gif" class='workimg'/>
|
||||
<img src="img/img6.jpg" class='workimg'/>
|
||||
<img src="img/img1.gif" class='workimg'/>
|
||||
<img src="img/img7.jpg" class='workimg'/>
|
||||
<img src="img/img9.jpg" class='workimg'/>
|
||||
</div>
|
||||
|
||||
<div id='publication'>
|
||||
|
||||
<h3 class="gal-title mytypestyle"><a>Publication</a></h3>
|
||||
|
||||
<ul id='publist'>
|
||||
<li><a href='pdf/networksofcare_thesis.pdf' target="_blank" class='ext mytypestyle'>— Thesis (PDF)</a></li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
Binary file not shown.
@ -0,0 +1,115 @@
|
||||
@font-face {
|
||||
font-family: "Standard";
|
||||
src: url("fonts/standard-book-webfont.woff");
|
||||
font-weight: 300;
|
||||
font-style: normal;}
|
||||
|
||||
@font-face {
|
||||
font-family: "Lunchtype";
|
||||
src: url("fonts/lunchtype25-regular_condensed-webfont.woff");
|
||||
font-style: normal;}
|
||||
|
||||
body{
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
#main {
|
||||
background-color: #0025a2;
|
||||
}
|
||||
|
||||
a{
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
display: inline;
|
||||
border-bottom: 0px;
|
||||
background: none;
|
||||
}
|
||||
|
||||
.ext{
|
||||
background: none;
|
||||
}
|
||||
|
||||
a:hover{
|
||||
color: #c3c3c3;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
h2 a {
|
||||
color: #0025a2;
|
||||
}
|
||||
a:visited{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* HOME BUTTON */
|
||||
|
||||
.homebutton{
|
||||
background-color: inherit;
|
||||
text-align:right;
|
||||
color:black;
|
||||
position:absolute;
|
||||
top:0;
|
||||
right:0;
|
||||
margin-right:2%;
|
||||
margin-top:25px;
|
||||
padding:0.3% 0 0 0.3%;
|
||||
font-size:0.6em;
|
||||
z-index:999;
|
||||
}
|
||||
|
||||
/* TYPE STYLE */
|
||||
|
||||
#project-title{
|
||||
font-family: "Lunchtype", Arial, Helvetica, sans-serif;
|
||||
font-style: normal;
|
||||
color: white;
|
||||
text-transform: uppercase;
|
||||
|
||||
}
|
||||
|
||||
#project-title a{
|
||||
background-color: #0025a2;
|
||||
color: white;
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
#about-student{
|
||||
font-family: "Standard", Arial, Helvetica, sans-serif;
|
||||
font-style: italic;
|
||||
color: #0025a2;
|
||||
font-weight: 300;
|
||||
font-size: calc(8px + 0.3vw);
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.mytypestyle{
|
||||
font-family: "Standard", Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
transform: scaleX(0.75);
|
||||
transform-origin: 0 0;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#inner-hleft-text{
|
||||
overflow-y: scroll;
|
||||
font-family: "Standard", Arial, Helvetica, sans-serif;
|
||||
font-weight: 300;
|
||||
font-size: calc(12px + 0.3vw);
|
||||
color: #0025a2;
|
||||
}
|
||||
|
||||
li{
|
||||
list-style: none;
|
||||
transform: scaleX(0.75);
|
||||
transform-origin: 0 0;
|
||||
}
|
||||
|
||||
h3 a{
|
||||
color: #0025a2;
|
||||
background-color:white;
|
||||
}
|
||||
|
||||
#inner-hleft-text::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
Loading…
Reference in New Issue