XPUB
/
SI21
57
0
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

bw background and fonts and reference made into html

Browse Source
master
ada 2 years ago
parent 0905d5d853
commit 12a07cf0cf
43 changed files with 258 additions and 16 deletions
Show Stats Download Patch File Download Diff File

BIN
AdaBobbiCara/bg.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.0 MiB

After

Width:  |  Height:  |  Size: 1.7 MiB

BIN
AdaBobbiCara/bg_bw.jpg
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1002 KiB

30
AdaBobbiCara/enconv.css
Unescape Escape View File

@ -1,5 +1,5 @@
body{
font-family: 'Courier New', Courier, monospace;
font-family: 'worksans', sans-serif;
margin: 0;
padding: 0;
background-image: url('bg.jpg');
@ -10,6 +10,34 @@ body{
max-height: auto;
}
@font-face {
font-family: 'worksans';
src: url('../fonts/worksans/WorkSans-Medium.woff') format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'worksans';
src: url('../fonts/worksans/WorkSans-Bold.woff') format('opentype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'worksans';
src: url('../fonts/worksans/WorkSans-MediumItalic.woff') format('opentype');
font-weight: normal;
font-style: oblique;
}
@font-face {
font-family: 'worksans';
src: url('../fonts/worksans/WorkSans-BoldItalic.woff') format('opentype');
font-weight: bold;
font-style: oblique;
}
h1{
text-align: center;
font-size: 5vmax;

34
AdaBobbiCara/enconv.html
Unescape Escape View File

@ -6,24 +6,34 @@
<!-- CSS -->
<link rel="stylesheet" href="./enconv.css">
<!-- fonts -->
<link rel="stylesheet" href="/fonts/worksans/stylesheet.css">
</head>
<body>
<!-- adding glitch effect to text -->
<!-- Nav bar -->
<nav>
<ul style="list-style-type:none;">
<li><a href="references.html">references</a></li>
</ul>
</nav>
<!-- adding glitch effect to text
<div class="glitch-wrapper">
<div class="glitch" data-glitch="En-coding Converter">En-coding Converter</div>
</div>
<div>
<!-- <h1>Encoding Converter</h1> -->
<h2>Let's get a little nerdy! <br>
Type a word, click 'convert' and let the en-coding magic begin!</h2>
<div>-->
<h1>Encoding Converter</h1>
<h2>Type a word, click 'convert' and let the en-coding magic begin!</h2>
</div>
<p>This table below is like a behind-the-scenes look at what really happens when you type. You know, when you press a key and the computer somehow magically knows what you meant to say? Well, our buddy Javascript is here to break it down for you in all its nerdy glory.<br>
Get ready for some wild en-codings, including binary, hexadecimal, decimal, phonetic cyrillic (*Charlie-Yankee-Romeo-India-Lima-Lima-India-Charlie - say that five times fast!), and even the xpub1 emoji alphabet. Yep, you read that right - emoji en-coding!
<p>The table below is a look behind-the-scenes at what really happens when you type. You know, when you press a key and the computer somehow magically knows what you meant to say? Well, our buddy Javascript is here to break it down for you in all its nerdy glory.<br>
<br>
Get ready for some wild en-codings, including binary, hexadecimal, decimal, phonetic cyrillic (*Charlie-Yankee-Romeo-India-Lima-Lima-India-Charlie - say that five times fast!), and even the xpub1 emoji alphabet.
<br>
So kick back, relax, and let's dive into the wacky world of character en-coding. En-joy!</p>
<!-- adding table with all encodings -->
@ -50,12 +60,6 @@
<td id="E"></td>
</tr>
</table>
<object data="/AdaBobbiCara/referencesforwebsite.txt" type="text/plain"
width="500" style="height: 300px">
<a href="/AdaBobbiCara/referencesforwebsite.txt">REFERENCES</a>
</object>
</body>

BIN
AdaBobbiCara/fonts/.DS_Store vendored
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-Black.woff
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-Black.woff2
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-BlackItalic.woff
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-BlackItalic.woff2
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-Bold.woff
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-Bold.woff2
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-BoldItalic.woff
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-BoldItalic.woff2
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-ExtraBold.woff
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-ExtraBold.woff2
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-ExtraBoldItalic.woff
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-ExtraBoldItalic.woff2
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-ExtraLight.woff
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-ExtraLight.woff2
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-ExtraLightItalic.woff
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-ExtraLightItalic.woff2
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-Italic.woff
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-Italic.woff2
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-Light.woff
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-Light.woff2
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-LightItalic.woff
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-LightItalic.woff2
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-Medium.woff
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-Medium.woff2
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-MediumItalic.woff
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-MediumItalic.woff2
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-Regular.woff
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-Regular.woff2
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-SemiBold.woff
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-SemiBold.woff2
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-SemiBoldItalic.woff
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-SemiBoldItalic.woff2
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-Thin.woff
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-Thin.woff2
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-ThinItalic.woff
View File

Binary file not shown.

BIN
AdaBobbiCara/fonts/worksans/WorkSans-ThinItalic.woff2
View File

Binary file not shown.

161
AdaBobbiCara/fonts/worksans/stylesheet.css
Unescape Escape View File

@ -0,0 +1,161 @@
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-Black.woff2') format('woff2'),
url('WorkSans-Black.woff') format('woff');
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-ExtraBoldItalic.woff2') format('woff2'),
url('WorkSans-ExtraBoldItalic.woff') format('woff');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-Bold.woff2') format('woff2'),
url('WorkSans-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-ExtraBold.woff2') format('woff2'),
url('WorkSans-ExtraBold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-BlackItalic.woff2') format('woff2'),
url('WorkSans-BlackItalic.woff') format('woff');
font-weight: 900;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-BoldItalic.woff2') format('woff2'),
url('WorkSans-BoldItalic.woff') format('woff');
font-weight: bold;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-Italic.woff2') format('woff2'),
url('WorkSans-Italic.woff') format('woff');
font-weight: normal;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-ExtraLightItalic.woff2') format('woff2'),
url('WorkSans-ExtraLightItalic.woff') format('woff');
font-weight: 200;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-Light.woff2') format('woff2'),
url('WorkSans-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-MediumItalic.woff2') format('woff2'),
url('WorkSans-MediumItalic.woff') format('woff');
font-weight: 500;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-LightItalic.woff2') format('woff2'),
url('WorkSans-LightItalic.woff') format('woff');
font-weight: 300;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-Medium.woff2') format('woff2'),
url('WorkSans-Medium.woff') format('woff');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-ExtraLight.woff2') format('woff2'),
url('WorkSans-ExtraLight.woff') format('woff');
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-SemiBoldItalic.woff2') format('woff2'),
url('WorkSans-SemiBoldItalic.woff') format('woff');
font-weight: 600;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-Thin.woff2') format('woff2'),
url('WorkSans-Thin.woff') format('woff');
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-ThinItalic.woff2') format('woff2'),
url('WorkSans-ThinItalic.woff') format('woff');
font-weight: 100;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-Regular.woff2') format('woff2'),
url('WorkSans-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Work Sans';
src: url('WorkSans-SemiBold.woff2') format('woff2'),
url('WorkSans-SemiBold.woff') format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}

49
AdaBobbiCara/references.html
Unescape Escape View File

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="enconv.css">
<title>References</title>
</head>
<body>
<!-- Fonts -->
<link rel="stylesheet" href="/fonts/worksans/stylesheet.css">
<!-- Nav bar -->
<nav>
<ul style="list-style-type:none;">
<li><a href="enconv.html">home</a></li>
</ul>
</nav>
<div class="grid-wrap">
<section class="right">
<div>
<h2>* Literature</h2>
<ol>
<br>
<li><a href="https://hub.xpub.nl/breadcube/~martino/c%20%20%20%20%20.%20%7C%7C%7C%7C%7C%20%20%20%20%20_%20%20%20%20%7C%20%7C%20%20%20%7C%20%7C%20%7C%7C%20%20%20%20%20%20%20%20%2C%20%202/Andrew%20L.%20Russell%20-%20Open%20Standards%20And%20The%20Digital%20Age_%20History%2C%20Ideology%2C%20And%20Networks%20%282014%2C%20Cambridge%20University%20Press%29%20-%20libgen.li.pdf">Andrew L. Russell. Open Standards And The Digital Age. History, Ideology, and Networks. Cambridge University Press, 2014. </a></li>
<br>
<li><a href="https://hub.xpub.nl/breadcube/~martino/c%20%20%20%20%20.%20%7C%7C%7C%7C%7C%20%20%20%20%20_%20%20%20%20%7C%20%7C%20%20%20%7C%20%7C%20%7C%7C%20%20%20%20%20%20%20%20%2C%20%202/Standards%20and%20Their%20Stories_%20How%20Quantifyi%20-%20Martha%20Lampland.pdf">Lampland, Martha, and Susan Leigh Star. Standards and Their Stories: How Quantifying, Classifying, and Formalizing Practices Shape Everyday Life. Cornell University Press, 2009.</a></li>
<br>
<li><a href="https://hub.xpub.nl/breadcube/~martino/c%20%20%20%20%20.%20%7C%7C%7C%7C%7C%20%20%20%20%20_%20%20%20%20%7C%20%7C%20%20%20%7C%20%7C%20%7C%7C%20%20%20%20%20%20%20%20%2C%20%202/The%20Ethnography%20of%20Infrastructure%20-%20Susan%20Leigh%20Star.pdf"> Star, Susan Leigh. “The Ethnography of Infrastructure.” American Behavioral Scientist, vol. 43, no. 3, 1999, pp. 377–391., https://doi.org/10.1177/00027649921955326. </a></li>
<br>
<li><a href="https://hub.xpub.nl/breadcube/~martino/c%20%20%20%20%20.%20%7C%7C%7C%7C%7C%20%20%20%20%20_%20%20%20%20%7C%20%7C%20%20%20%7C%20%7C%20%7C%7C%20%20%20%20%20%20%20%20%2C%20%202/LoudMen-CorinneCath-CriticalInfraLab.pdf">Cath, Dr. Corinne. Loud Men Talking Loudly: Exclusionary Cultures of Internet Governance, CRITICAL INFRASTRUCTURE LAB, Amsterdam, 2023. </a></li>
<br>
<li><a href="https://hub.xpub.nl/breadcube/~martino/c%20%20%20%20%20.%20%7C%7C%7C%7C%7C%20%20%20%20%20_%20%20%20%20%7C%20%7C%20%20%20%7C%20%7C%20%7C%7C%20%20%20%20%20%20%20%20%2C%20%202/DB06_Executing_Practices_Modifiying_the_Universal_Pierrot_Roscam_Abbing_Snelting.pdf">Abbing, Roel Roscam, et al. “Modifying the Universal.” DATA Browser, EXECUTING PRACTICES, no. 06, 2018, pp. 33–50. </a></li>
<br>
<h2>* Bootleg Library </h2>
<li><a href="https://hub.xpub.nl/bootleglibrary/book/114"> Beeby, Allison, et al. Corpus Use and Translating: Corpus Use for Learning Translate and Learning Corpus Use to Translate. John Benjamins Pub. Co., 2009. </a></li>
<br>
<li><a href="https://hub.xpub.nl/bootleglibrary/book/497">Bird, Steven. Natural Language Processing with Python. O'Reilly Media, 2016. </a></li>
<br>
<li><a href="https://hub.xpub.nl/bootleglibrary/book/61">Hall, Stuart. Encoding/Decoding. Routledge, 2008. </a></li>
</ol>
</div>
</p>
</body>
</html>
Write Preview
Loading…
Cancel
Save