add typing things
This commit is contained in:
parent
4e8feb0490
commit
6e6ba3250a
64
index.html
64
index.html
@ -24,6 +24,9 @@
|
|||||||
display: inline;
|
display: inline;
|
||||||
margin-left: 5px;
|
margin-left: 5px;
|
||||||
}
|
}
|
||||||
|
a{ color: gray; }
|
||||||
|
a:link { text-decoration: underline; }
|
||||||
|
a:hover{ color: black; }
|
||||||
h1{
|
h1{
|
||||||
font-family: 'Open Sans', sans-serif;
|
font-family: 'Open Sans', sans-serif;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
@ -45,6 +48,10 @@
|
|||||||
#links a:hover{
|
#links a:hover{
|
||||||
color:gray;
|
color:gray;
|
||||||
}
|
}
|
||||||
|
#written-text p{
|
||||||
|
padding: 0px;
|
||||||
|
margin: 5px;
|
||||||
|
}
|
||||||
.typed-cursor{
|
.typed-cursor{
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
-webkit-animation: blink 0.7s infinite;
|
-webkit-animation: blink 0.7s infinite;
|
||||||
@ -71,16 +78,39 @@
|
|||||||
<body>
|
<body>
|
||||||
<div id="wrapper">
|
<div id="wrapper">
|
||||||
<div id="header">
|
<div id="header">
|
||||||
<h1>Hi there, I'm Alice. <span id="smaller-inner">I like to <span class="element">x</span> </span> </h1>
|
<h1>Hi there, I'm Alice. <span id="smaller-inner">I like to <span class="element">read Vonnegut.</span> </span> </h1>
|
||||||
</div>
|
</div>
|
||||||
<p>
|
<div id="written-text">
|
||||||
For the past couple of years, I've been working as a Copywriter, Social Media Manager and Online Campaign Analyst,
|
<p>
|
||||||
in Cluj-Napoca, Yangon and Berlin. I've had the pleasure to collaborate with brands such as Sule Shangri-La,
|
For the past couple of years, I've been a copywriter, social media
|
||||||
Belmond Governor's Residence, FMI Air, Pun Hlaing Golf Estate, and Dulcefina, and to be part of amazing teams at
|
manager and online campaign analyst,in Cluj-Napoca, Yangon and
|
||||||
Kaus Group and Media.net.
|
Berlin.
|
||||||
|
</p>
|
||||||
|
|
||||||
If you're interested, check out my <a href="./cv.html">Résumé</a>.
|
<p>
|
||||||
</p>
|
I also got a Bachelor’s degree in advertising. I've collaborated
|
||||||
|
with brands such as Sule Shangri-La, Belmond Governor's Residence,
|
||||||
|
FMI Air, Pun Hlaing Golf Estate, and Dulcefina. You can check out
|
||||||
|
some of <a href="https://www.behance.net/alicestrt">my work
|
||||||
|
here.</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
I have been part of brilliant teams at Media.net and, currently, at
|
||||||
|
Kaus Group. I’ve also played around with illustration on the side.
|
||||||
|
You can take a peek here.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
I am currently based in Berlin, and looking for
|
||||||
|
opportunities on location or remote, in a productive environment,
|
||||||
|
with people that don’t call themselves “creative ninjas”.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p>
|
||||||
|
If you're interested, check out my <a href="./cv.html">résumé</a>.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
<ul id="links">
|
<ul id="links">
|
||||||
<li> <a href="https://www.facebook.com/alice.strt"><i class="fa fa-facebook fa-1x"></i></a></li>
|
<li> <a href="https://www.facebook.com/alice.strt"><i class="fa fa-facebook fa-1x"></i></a></li>
|
||||||
<li> <a href="http://alicestreteblog.tumblr.com/"><i class="fa fa-tumblr fa-1x"></i></a></li>
|
<li> <a href="http://alicestreteblog.tumblr.com/"><i class="fa fa-tumblr fa-1x"></i></a></li>
|
||||||
@ -95,10 +125,20 @@
|
|||||||
<script>
|
<script>
|
||||||
$(function(){
|
$(function(){
|
||||||
$(".element").typed({
|
$(".element").typed({
|
||||||
strings: ["x", "y", "z", "a", "b", "c"],
|
strings: [
|
||||||
startDelay: 100,
|
"paint with watercolours.",
|
||||||
typeSpeed: 5,
|
"cook things.",
|
||||||
backSpeed: 5,
|
"buy notebooks.",
|
||||||
|
"drink wine.",
|
||||||
|
"eat often.",
|
||||||
|
"live in Berlin.",
|
||||||
|
"drink coffee.",
|
||||||
|
"practice calligraphy.",
|
||||||
|
"listen to The Smiths."
|
||||||
|
],
|
||||||
|
startDelay: 4000,
|
||||||
|
typeSpeed: 90,
|
||||||
|
backSpeed: 10,
|
||||||
loop: true,
|
loop: true,
|
||||||
contentType: 'html'
|
contentType: 'html'
|
||||||
});
|
});
|
||||||
|
Loading…
Reference in New Issue
Block a user