Initializing
Liveweave
Web
expand_more
home
Home
data_object
CSS Explorer
arrow_outward
Palette
Color Explorer
arrow_outward
Polyline
Graphics Editor
arrow_outward
outbox_alt
Generative AI
arrow_outward
frame_source
Python Playground
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>Genspace Eblast</title> </head> <body> <!-- Start your code here --> <div> <div id="logo-container"> <img id="logo" src="http://static1.squarespace.com/static/588b7cc315d5dbdea1425e5e/t/5a99bac69140b7e764af5d85/1520024268964/GenSpace_Logo+LARGE+copy.png?format=1000w" width="300px"> </div> </div> <div id="header"> <h1>Reading Room at Bryant Park with Eugenia Bone</h1> <img src="http://www.cpr.org/sites/default/files/images/microbiacrop.jpg" width="700"> <p><i>Wednesday, July 18 at 12:30pm</i></p> <p>Julie Wolf hosts Eugenia Bone for a conversation about her new book Microbia: A Journey into the Unseen World Around You, at the Bryant Park Reading Room.</p> <h3>MORE INFO</h3> </div> <div id="extended-head"></div> <div class="container"> <div class="grid-item"> <h2><b>Neurohacking 101: Brain Networks and Machine Learning</b></h2> <img src="https://i.imgur.com/y5QE9WM.png" width="315" > <p><i>Starting Thursday, July 19</i></p> <p>Did you know you can learn a lot about the brain from as little as a half hour in an MRI scanner? And that there are tens of thousands of brain scans publicly available on the internet? MRI has revolutionized the way we see the brain and mind, and it is advancing at an incredible speed. This introductory course covers some of the most important techniques used in the analysis of MRI data, and you’ll learn plenty about neuroscience along the way!</p> <p>This is our third time offering this workshop at Genspace, and this time we've decided to include an optional Python Boot Camp. Python is an incredibly powerful and easy to learn all-purpose programming language. This short Python Boot Camp will be great for bringing your programming skills up to speed. </p> <div class="extended"> <p><strong>MORE INFO</strong></p> </div> </div> <div class="grid-item"> <h2>RNA Evolution: From Primordial Life to Masterminds of Gene Expression</h2> <img src="https://static1.squarespace.com/static/588b7cc315d5dbdea1425e5e/t/5ab3ede770a6ad789647a4d0/1521741317866/RNAcourse_image.jpg?format=750w" width="315"> <p><i>Starting July 28</i></p> <p>From dark matter of genomes to primordial life on earth, RNA is no longer the simple messenger to the genetic code. In this course, students will discover the vast and intricate world of RNA biology. Learn how to extract RNA from mouse organs and use reversetranscriptase PCR to visualize how RNA can determine cellular diversity beyond the genetic blueprint.</p> <div class="extended"> <p><strong>MORE INFO</strong></p> </div> </div> <div class="grid-item"> <h2>Biohacker Boot Camp</h2> <img src="https://static1.squarespace.com/static/588b7cc315d5dbdea1425e5e/t/5b157a9f03ce64561b70679e/1528134307968/DSC_9384.jpg?format=1500w" width="315"> <p><i>Starting August 9</i></p> <p>We'll extract our own DNA, analyze ancestry through bioinformatics, splice genes into bacteria, and learn all the standard techniques such as using pipettes, gel electrophoresis, amplifying DNA with PCR reactions, working with restriction enzymes to build plasmids, and growing and transforming bacteria.</p> <div class="extended"> <p><strong>MORE INFO</strong></p> </div> </div> <div class="grid-item"> <h2>*NEW* Solving Cases with Genetic Traces: A Forensics and Genomics Workshop</h2> <img src="https://static1.squarespace.com/static/588b7cc315d5dbdea1425e5e/t/5b16c566562fa7121fb6b057/1528219009269/CU-Erlich-MinION-student-in-action-sz.jpg?format=750w" width="315"> <p><i>Saturday August 11</i></p> <p>While reading the first human genome cost $3 billion and took 13 years to complete in 2003, today, that same genome can now be genotyped for $99 and can be given as a Christmas present to connect to long-lost family members. The wide adoption of genomics is not without ethical challenges, tensions between scientific progress, individual privacy, and the potential for group-based discrimination. Join Dr. Sophie Zaaijer and Dr. Kadija Ferryman for a workshop exploring the promises, challenges, and perils as genomics becomes a part of everyday life..</p> <div class="extended"> <p><strong>MORE INFO</strong></p> </div> </div> <div class="grid-item"> <h2>Biotech Crash Course</h2> <img src="https://static1.squarespace.com/static/588b7cc315d5dbdea1425e5e/t/5bbf8615652deaa7fea40a1d/1539278362305/DSC_9984.jpg?format=750w" width="315"/> <p><i>Starting August 11</i></p> <p>This introductory course covers the basic techniques that facilitated the biotechnology revolution, and will show you where it is headed in the near future. Learn about the fundamental characteristics of DNA and how we can take advantage of these to cut and paste DNA, making lots of copies of specific DNA sequences, or assembling new DNA sequences into a new genetic program.</p> <div class="extended"> <p><strong>MORE INFO</strong></p> </div> </div> <div class="grid-item"> <img src="https://static1.squarespace.com/static/588b7cc315d5dbdea1425e5e/t/5aa98732ec212de9ab1b4e04/1521059688587/IMG_20160224_170252274_HDR.jpg?format=1500w" width="315"> <p><strong>SEE MORE CLASS</strong></p> </div> </div> <!-- End your code here --> </body> </html>
h1{font-size: 70px ;} div { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #000000; width: 700px; ; background-color: black;} .container{ display: grid; grid-gap: 5%; row-gap: 20px; grid-template-columns: 45% 45%; padding: 30px 2.5% 0px 2.5%; } .grid-item{ width: 100%; padding: 5px 0px 5px 0px; height: relative; background-color: #F5F5F5; border-radius: 10px 10px 10px 10px; } .blueink {color: #000000; text-align: center;} #logo { margin-left: auto; margin-right: auto; width: 40%; background-color: #FFFFFF; display: block; } #logo-container{ background-color: #FFFFFF;; } #header { text-align: center; padding: 10px 0px 10px 0px; background-color: #9ACD32; color: #FFFFFF; } #header p{ text-align: left; padding-left: 10px; } .extended{ background-color: #008000; height:50px; width: 100%; text-align: center; border-radius: 0px 0px 10px 10px; } #extended-head { background-color: #008000; height:20px; width: 700px; text-align: center; border-radius: 0px 0px 10px 10px;} #footer {width: 700px; text-align: center; font-size: 10;padding: 50px 0px 50px 0px; color: #A9A9A9;}
// Write JavaScript here