-
Notifications
You must be signed in to change notification settings - Fork 19
/
index.html
70 lines (68 loc) · 5.43 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
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Sylwia Vargas | tech writer </title>
<meta name="description" content="Tech writing portfolio">
<meta name="keywords" content="HTML, CSS, JavaScript, React, Ruby, Ruby on Rails, Sylwia Vargas, tech writing, tech writer">
<meta name="author" content="Sylwia Vargas">
<link rel="icon" type="image/png" href="assets/favicon.ico"/>
<link rel="manifest" href="assets/site.webmanifest" crossorigin="use-credentials">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<!-- twitter card -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:image" content="https://pbs.twimg.com/profile_images/1382705200125853702/Ji3F2dl3_400x400.jpg" />
<meta name="twitter:image:alt" content="profile picture"/>
<meta property="twitter:title" content="Sylwia Vargas | tech writer" />
<meta property="twitter:description" content="Tech Writing Portfolio" />
<meta property="twitter:site" content="@sylwiavargas" />
<!-- facebook preview -->
<meta property="og:image" content="assets/pic.jpeg" />
<meta property="og:title" content="Sylwia Vargas | tech writer" />
<meta property="og:description" content="Tech Writing Portfolio" />
<meta property="og:url" content="https://tech-writer.netlify.app/" />
<meta property="og:type" content="website">
</head>
<body>
<!-- Profile picture-->
<img src="https://pbs.twimg.com/profile_images/1382705200125853702/Ji3F2dl3_400x400.jpg" alt="profile picture" class="profile-picture">
<!-- Profile name-->
<h1 class="profile name"><a href="https://twitter.com/SylwiaVargas" target="_blank" class="profile name">Sylwia Vargas</a></h1>
<!-- Profile motto-->
<h2 class="profile motto">empathy, collaboration, kindness</h2>
<!-- Links and Headers-->
<h2 class="header">✨ TECH WRITING ✨</h2>
<a href="https://js.plainenglish.io/react-updating-a-value-in-state-array-7bae7c7eaef9?source=friends_link&sk=6778d4031c1ed11cd026982e589adf5d" target="_blank" class="links">Blog: Updating nested state in JS/React (182k reads)</a>
<a href="https://www.scrapingbee.com/blog/web-scraping-ruby/" target="_blank" class="links">Corporate work: Web Scraping with Ruby (blog + tutorial, top result on google)</a>
<a href="https://medium.com/better-programming/how-to-hide-your-api-keys-c2b952bc07e6?source=friends_link&sk=5cc8081d5d32b45a49d694409c22f5d1" target="_blank" class="links">Blog: Hiding your API keys in Rails + React (164k reads, top result on google)</a>
<a href="https://medium.com/swlh/hitchhikers-guide-to-ruby-variables-1b4cf83d540c?source=friends_link&sk=5c35a8ee6c8d3bdb6125710e62c1b447" target="_blank" class="links">Analogy blog: Ruby variables and Hitchhiker's Guide to the Galaxy (2,6k reads)</a>
<a href="https://github.com/sylwiavargas/Feminist-Covid-Response-Frontend" target="_blank" class="links">Readme: NGO website</a>
<h2 class="header">✨ LECTURES + LABS ✨</h2>
<a href="https://github.com/reactjs/reactjs.org/blob/aa70dcedc6db07987a814dba2b296cc4c5219860/beta/src/pages/community/acknowledgements.md#react-docs-react-docs" target="_blank" class="links">React Docs: example code and proofreading</a>
<a href="https://github.com/sylwiavargas/tty-prompt-activity" target="_blank" class="links">Lab and tutorial: Ruby CLI (230h total viewership)</a>
<a href="https://github.com/sylwiavargas/lifecycle-methods-workshop" target="_blank" class="links">Lecture sample: React Lifecycle Methods (gamified)</a>
<h2 class="header">✨ OTHER WRITING ✨</h2>
<a href="https://www.haaretz.co.il/news/world/europe/1.6555303?fbclid=IwAR0Kin5yFDo9Rye-P1Vuo2XDjKT2rQtI7niknFk2wy7neDvr_NnmA0SkA1c" target="_blank" class="links">Writing sample: Haaretz Op-ed (in Hebrew)</a>
<a href="https://www.humanityinaction.org/wp-content/uploads/2019/07/20_updated_LGBT_book_OdAdoZoLGBTQIAP.pdf" target="_blank" class="links">Published book sample: Interactive Book for teenagers about gender identity (in Polish)</a>
<a href="https://github.com/sylwiavargas/tech-writing-linktree" target="_blank" ><i class="fa fa-github fa_custom fa-3x"></i></a>
<script>
console.clear()
const styles = [
'color: black',
'background: #fbdd3b',
'font-size: 30px',
'padding: 10px',
'margin: 10px 0 10px 0'
].join(';')
console.log('%cHello friend!', styles);
console.log("I'm very flattered that you're checking out my work.")
console.log("Let's be friends:")
const sparkles = 'font-size: 16px; background: rgb(98, 36, 241); background: linear-gradient(310deg, #6224f1 19%, #67e1d6 100%)'
console.log("%c✨", sparkles, "LinkedIn: https://www.linkedin.com/in/sylwia-vargas/")
console.log("%c✨", sparkles, "Twitter: https://twitter.com/SylwiaVargas")
console.log("%c✨", sparkles, "Github: https://github.com/sylwiavargas")
console.log("Have a wonderful day!")
</script>
</body>
</html>