timmypidashev/web
1
0
Fork 0
mirror of https://github.com/timmypidashev/web.git synced 2026-04-14 02:53:51 +00:00
Code Issues Packages Projects Releases Wiki Activity

Expand hero content

Browse Source
This commit is contained in:
Timothy Pidashev
2024-04-10 12:29:29 -07:00
parent 242e4d8a7f
commit b626ce3abb
1 changed files with 37 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
src/web/src/components/hero/content.jsx
View File

@@ -11,20 +11,49 @@ function Content() {
<div className="relative h-48 overflow-y-auto"> <div className="relative h-48 overflow-y-auto">
<Typewriter <Typewriter
options={{ options={{
strings: [
"<center><span class=''>Hello, I'm</span><br><span class=''>Timothy Pidashev</span></center>",
"<center><span class=''>I'm a 19 year old</span><br><span class=''>on an epic journey to</span><br><span class=''>become a software engineer!</span></center>",
"<center><span class=''>I enjoy:</span><br><span class=''>writing code</span><br><span class=''>hiking and camping</span><br><span class=''>driving cars</span><br><span class=''>and much more!</span></center>",
"<center><span class=''>Fun facts about me:</span><br><span class=''>I keep a journal</span><br><span class=''>I love rust lang!</span><br><span class=''>I use a corebooted thinkpad</span></center>",
"<center><span class=''>Wait your still here?</span></center>",
"<center><span class=''>Check out my blog and shop</span><br><span class=''>for many goodies!</span><br><span class=''>or contact me below!</span></center>"
],
autoStart: true, autoStart: true,
loop: true, loop: true,
delay: 50, delay: 50,
deleteSpeed: 25, deleteSpeed: 25,
cursor: '' cursor: ''
}} }}
onInit={(typewriter) => {
typewriter.typeString("<center><span class=''>Hello, I'm</span><br><span class=''>Timothy Pidashev</span></center>")
.callFunction(() => {
console.log('Change the background element to a portrait of my face');
})
.pauseFor(2500)
.deleteAll()
.callFunction(() => {
console.log('Wipe the background element');
})
.start()
typewriter.typeString("<center><span class=''>I'm a 19 year old</span><br><span class=''>on an epic journey to</span><br><span class=''>become a software engineer!</span></center>")
.pauseFor(2500)
.deleteAll()
.start()
typewriter.typeString("<center><span class=''>I enjoy:</span><br><span class=''>writing code</span><br><span class=''>hiking and camping</span><br><span class=''>driving cars</span><br><span class=''>and much more!</span></center>")
.pauseFor(2500)
.deleteAll()
.start()
typewriter.typeString("<center><span class=''>Fun facts about me:</span><br><span class=''>I keep a journal</span><br><span class=''>I love rust lang!</span><br><span class=''>I use a corebooted thinkpad</span></center>")
.pauseFor(2500)
.deleteAll()
.start()
typewriter.typeString("<center><span class=''>Wait your still here?</span></center>")
.pauseFor(2500)
.deleteAll()
.start()
typewriter.typeString("<center><span class=''>Check out my blog and shop</span><br><span class=''>for many goodies!</span><br><span class=''>or contact me below!</span></center>")
.pauseFor(2500)
.deleteAll()
.start()
}}
/> />
</div> </div>
</div> </div>