-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
131 lines (121 loc) · 5.16 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
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="icon" href="/resources/km-favicon-small.jpg" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="/kaylafun.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script type="text/javascript" src="/kaylafun.js"></script>
<title>Kayla Mauriello</title>
</head>
<body>
<div class="nav">
<div class="nav-title">
<h1 id="site-title">Kayla Mauriello</h1>
</div>
<div class="nav-menu">
<ul>
<li><a class="smoothscroll" href="#contributions">Contributions</a></li>
<li><a class="smoothscroll" href="#faqs">FAQs</a></li>
<li><a class="smoothscroll" href="#contact">Contact</a></li>
</ul>
</div>
</div>
<div class="hero">
<div class="hero-text">
<h1 id="hero-header">I Proofread Comics</h1>
<p id="hero-tag">I work with creators to catch those pesky errors.</p>
</div>
</div>
<div class="section">
<h1 id="section-title"><a id="contributions">Contributions</a></h1>
<p>I have had the honor and pleasure to work on all sorts of comics over the years — diary comics, mythologies, workbooks, anthologies — and with the amazing creators behind each of them. Here are some.</p>
<div class="comics-display">
<div class="comics-row">
<ul>
<li><img src="./resources/anintroductiontoalcohol.png"></li>
<li><img src="./resources/everythingisreallyhardtoday.png"></li>
<li><img src="./resources/herewego.png"></li>
<li><img src="./resources/horselaugh.png"></li>
</ul>
</div>
</div>
</div>
<div class="comics-display">
<div class="comics-row">
<ul>
<li><img src="./resources/jumbomumbo.png"></li>
<li><img src="./resources/littlegods.png"></li>
<li><img src="./resources/shortandmercilessstories.png"></li>
<li><img src="./resources/theultimatelaugh.png"></li>
</ul>
</div>
</div>
<div class="slides-section">
<div class="slides-container">
<h4 class="slides"> “Be yourself; everyone else is already taken.”
― Oscar Wilde</h4>
<h4 class="slides">“Be who you are and say what you feel, because those who mind don't matter, and those who matter don't mind.”
― Bernard M. Baruch</h4>
<h4 class="slides">“To be yourself in a world that is constantly trying to make you something else is the greatest accomplishment.”
― Ralph Waldo Emerson</h4>
</div>
</div>
<!--
<div class="section">
<div class="slider">
<div class="slidercontainer">
<div class="sliderspot spot1"> </div>
<ul id="sliderul">
<li class="slidercontent"> "Kayla is a human."
<span> Talented creator </span>
<span> Awesome press </span> </li>
<li class="slidercontent"> "Kayla? Yeah, I know her."
<span> Talented creator </span>
<span> Awesome press </span> </li>
<li class="slidercontent"> "Ugh"
<span> Talented creator </span>
<span> Awesome press </span></li>
</ul>
<div class="sliderspot spot2">
</div>
</div>
</div>
-->
<div class="section">
<div class="section-header">
<h1 id="section-title"><a id="faqs">FAQs</a></h1>
<p>You have questions. I might have answers.</p>
</div>
<div>
<h2>Do comics really need proofreading?</h2>
<p>Yes! Just like any other publication, comics can always benefit from a review for spelling, consistency, and clarity.</p>
<h2>Do you work with individual creators or publishers?</h2>
<p>Both! I have worked one-on-one with creators, and I have also worked with publishers who review my notes before sharing them with the creator. (Shout out to Tinto Press in Denver, CO!)</p>
<h2>What does the proofreading process look like?</h2>
<p>You send me a PDF or physical copy of your comic, then I review and provide notes. We can work out any other details together.</p>
<h2>Do you work on comics as your full-time job?</h2>
<p>That would be neat! No, I have a day job as a technical writer for a satellite communications company. It's cool.</p>
<h2>How much do you charge?</h2>
<p>Well, every comic is unique so pricing isn't as easy as setting a flat page rate. I would be happy to provide you a quote!</p>
<h2>How many cats do you have?</h2>
<p>Only two! Buckley and Odi definitely keep me company while I read comics.</p>
</div>
</div>
<div class="section">
<div class="section-header">
<h1 id="section-title"><a id="contact">Contact</a></h1>
<p>I would love to see what you're working on and discuss how I may be able to help. Send me a message!</p>
</div>
</div>
<div class=section>
<div class="footer">
<div id="footer-love">
<p>Made with <img src="https://cdn2.iconfinder.com/data/icons/ourea-icons/256/heart_256x256-32.png"> by Kayla © 2019 </p>
</div>
</div>
</div>
</body>
</html>