Liveweave: Generative AI Web Editor & HTML/CSS/JS Playground
Initializing
Liveweave
Web
expand_more
home
Home
data_object
CSS Explorer
arrow_outward
Palette
Color Explorer
arrow_outward
Polyline
Graphics Editor
arrow_outward
data_array
Python Editor
New
arrow_outward
build
Tools
expand_more
restart_alt
Load "Hello Weaver!"
post_add
Generate Lorem ipsum...
code
Format HTML
code_blocks
Format CSS
data_object
Format JavaScript
library_add
Library
expand_more
A
Algolia JS
Animate CSS
Apex Charts JS
B
Bulma CSS
Bootstrap
C
Chart JS
Chartist
Create JS
D
D3
Dojo
F
Foundation
Fullpage JS
G
Granim JS
Google Charts
H
Halfmoon
J
jQuery
M
Materialize
Moment JS
Masonry JS
Milligram CSS
P
Pure CSS
Primer CSS
Popper JS
Pattern CSS
Picnic CSS
R
React JS
Raphael JS
Raisin CSS
S
Semantic UI
Skeleton CSS
Spectre CSS
Tachyons CSS
T
Tailwind
Three JS
U
UI Kit
Vis JS
W
Water CSS
download
Download
expand_more
developer_mode
Download as HTML
folder_zip
Download as .ZIP
cloud_upload
Save
account_circle
Login
settings
Settings
expand_more
14
px
Live mode
Night mode
Line number
Mini map
Word wrap
sync_alt
Reset Settings
smart_display
Run
<!DOCTYPE html> <html> <head> <title>weaversweb</title> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Grenze+Gotisch:wght@100..900&display=swap" rel="stylesheet"> </head> <body> <main> <div class="content"> <h2>I'm <i>➤ <u>Weaver</u></i></h2> <img src="https://64.media.tumblr.com/c054c3eeafd7bc79e1bce5615f67e6ff/cfe5c01d5803f684-70/s1280x1920/e867376f3fe39b566e847a3cb8dc0507e01cadb0.pnj" style="width:160px;padding-left:50px;"> <p>If you're from my discord, hi!</p> <p>If not, the quickest way to contact me is via discord @ guildofcalamitousintent.</p> <p>Here's my other site <a href="https://weaveofwebs.neocities.org/"> ?︎</a></p> <p>You an adult? Check out what I do <a href="https://onlinereaper.newgrounds.com/">after-hours..</a></p> <br> <p>▸ ❛❛txtxtxtxt❞</p> </div> <!--same classes--> <div class="content"> <br> <br> <br> <p style="text-align:center;">Weaver ☣︎ He/Him</p> <p style="text-align:center;"">☢ 18 BlK Taken ☢</p> <img src="https://64.media.tumblr.com/8d811fc266ecbb4e15c6f14b445eb762/23bfe7b2b7b2e38f-0d/s75x75_c1/41b8e39eb145a51f48e8a5ba58226c79a76a9842.gifv" style="width:50px;height:9;margin-left:25px;"> <img src="https://64.media.tumblr.com/8d811fc266ecbb4e15c6f14b445eb762/23bfe7b2b7b2e38f-0d/s75x75_c1/41b8e39eb145a51f48e8a5ba58226c79a76a9842.gifv" style="width:50px;height:9;margin-left:5px;"> <img src="https://64.media.tumblr.com/982ae1df44c42bfa5a8b5d5b592615d0/e5d2be417a1a67a0-5a/s75x75_c1/ad62db1fc7ec4506cc6df649ac5b7eb24cf0ce58.gifv" style="width:55px;height:15px;margin-left:25px;"> <img src="https://64.media.tumblr.com/ccd63cc9204b812f54556c9cd4e87a2a/8ad15b4299f78e8d-4f/s75x75_c1/5571963c70847360aaabbcbb94ca485c3531def1.gifv" style="width:50px;height:15px;margin-left:2px;"> <hr> <br> <br> <br> <br> <br> <img src="https://64.media.tumblr.com/c054c3eeafd7bc79e1bce5615f67e6ff/cfe5c01d5803f684-70/s1280x1920/e867376f3fe39b566e847a3cb8dc0507e01cadb0.pnj" style="width:30px;margin-left:9px;"> <img src="https://64.media.tumblr.com/c054c3eeafd7bc79e1bce5615f67e6ff/cfe5c01d5803f684-70/s1280x1920/e867376f3fe39b566e847a3cb8dc0507e01cadb0.pnj" style="width:30px;"> <img src="https://64.media.tumblr.com/c054c3eeafd7bc79e1bce5615f67e6ff/cfe5c01d5803f684-70/s1280x1920/e867376f3fe39b566e847a3cb8dc0507e01cadb0.pnj" style="width:30px;"> <br> <br> <br> <br> <br> <br> <br> <br> <hr> <p style="padding-left:0px;"> —「 ⟡ ???? ⟡ 」</p> </div> <hr> <br> <ol> <li><a href="https://liveweave.com/wEU6Jk#""><h2>link</h2></a></li> <li><a href="https://liveweave.com/wEU6Jk#""><h2>link</h2></a></li> <li><a href="https://liveweave.com/wEU6Jk#""><h2>link</h2></a></li> </ol> </main> <footer><img src=""></footer> </body> </html>
body { background-color: aqua; } main { margin-top: 50px; margin-left: 100px; display: flex; background-color: white; padding: 1%; padding-right: 18px; width: 600px; max-width: 700px; border-color: black; border-style: solid; border-width: 50px; border-image-repeat: repeat; } .content { margin-left: 35px; position: relative; } p{ font-family: "Grenze Gotisch", serif; } h2{ font-family: "Grenze Gotisch", serif; }
// Write JavaScript here
Check out the new AI-powered Python Playground
×