Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
HTML
<!-- TODODS

- Make links open on the same page

-->
 
<style type="text/css">
/* Hide main header */
#main-header, #main-header #title-text, #main-header #watch-content-button, #main-header #shareContentLink 
{ display: none; } 

...


...


...

/* Card Design */

.macroCard {
    float: left;
	margin: 3px;
    margin-bottom: 20px;
    background-color: #fff;

...

 

...

 

...

 

...

 

...

transition: box-shadow .25s;
    border-radius: 2px;
    box-shadow:

...

 0 

...

2px 

...

5px 0 rgba(0,

...

0,

...

0,

...

0.

...

16)

...

,

...

0 

...

2px 10px 0 

...

rgba(0,0,0,0.12);
    display: Block;
    box-sizing: inherit;
    width: 310px;
    position: relative;
}
.macroCard-image {
	display: block;
	position: relative;
}
.macroCard-image img {
	display: block;
    border-radius: 2px 2px 0 0;
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 310px;
    border: 0px;
    margin: 0px!important;
}
.macroCard-image-large img {
    width: 100%;
}
.macroCard-title {
text-shadow: 0px 0px 5px #000;
color: #fff;
bottom: 0;
left: 0;
position: absolute;
padding: 20px;
font-size: 24px;
font-weight: 300;
}
.macroCard-content {
	padding: 20px;
    border-radius: 0 0 2px 2px;
    display: Block;
}
.macroCard-action {
	border-top: 1px solid rgba(160,160,160,0.2);
    padding: 20px;	
    display: block;
}
 
a.at-share-btn {
cursor: pointer; 
cursor: hand; 
}
 

...


...

</style>
<div id="fb-root"></div>
<script>(function(d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0];
 if (d.getElementById(id)) return;
 js = d.createElement(s); js.id = id;
 js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.3";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
 

Image Modified

Div

Synthetic Biology is focused on the design and construction of new biological elements such as enzymes, genetic circuits, cells or whole organisms. It is an exponentially growing field where biology is considered as a technology. Molecular biologists team up with software coders, mechanical engineers and designers to reengineer living systems. 

Livesearch
spaceKeysynbio
sizelarge
additionalpage excerpt
placeholderWhat do you want to know about Synthetic Biology?
typepage

...

groupconfluence-users

 

 

...

Check out this global map for open positions or say 'Hallo' to our Facebook Group!

...

How to get into Synthetic Biology? 

HTML
<style>
#applicationProgress {
width: 100%;
font-size: 1.1em;
text-align: center;
background-color: #efefef;
overflow:hidden;
}
.applicationProgressItem {
background-color: #efefef;
height: 44px;
width: 22%;
padding: 5px;
text-align: center;
float: left;
cursor: hand; 
cursor: pointer;
}


.applicationProgressItemAchieved {
background-color: rgba(23, 64, 4, 1);
color: white; 
}
.applicationProgressItemAchieved:hover {
background-color: rgba(23, 64, 4, 0.8);
}
div.applicationProgressItemAchievedLife {
font-weight: bold!important;
background-color: rgba(23, 64, 4, 0.8)!important;
}
.applicationProgressArrow {
width: 0;
height: 0;
border-style: solid;
border-width: 27px 0 27px 20px;
border-color: transparent transparent transparent rgba(23, 64, 4, 1);
line-height: 0px;
_border-color: #000000 #000000 #000000 rgba(23, 64, 4, 1);
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
float: left;
margin-left: 0px;
background-color: #efefef;
}

</style>
 
<div id="applicationProgress">
<div class="applicationProgressItem  applicationProgressItemAchieved">Learn<br/>the Basics</div>
<div class="applicationProgressItem applicationProgressItemAchieved ">Engineer <br/>Biology</div>
<div class="applicationProgressItem applicationProgressItemAchieved ">Join Us and <br/>Get Involved</div>
<div class="applicationProgressArrow"> </div> 
<div class="applicationProgressItem ">Build our<br/>Future Together</div>
 </div>

#1 Learn the Language of Biology


HTML
<div class="macroCard" style="float:left; width: 100%; margin: 0px!Important">
<div class="macroCard-image macroCard-image-large">

Image Added

HTML
<span class="macroCard-title"></span>
</div>
<div class="macroCard-content">

Understanding the language biologists speak - With this Chrome Browser Extension all the funky words will be highlighted and one click away you find the definition and videos explaining it.

HTML
</div>
<div class="macroCard-action">

Button
Target_blank
CallToActiontrue
ContentInstall the Glossary
PageINTERPRTR:Glossary of Biology

HTML
</div>
</div>

 

#2 Understand Genetics and how to Engineer Biology

Div
Styleclear: both; display: Block
HTML
<div class="macroCard" style="float:left; width: 310px">
<div class="macroCard-image">

Image Added

HTML
<span class="macroCard-title">Basics of Genetics</span>
</div>
<div class="macroCard-content">

Excerpt Include
Basics of Genetics
Basics of Genetics
nopaneltrue

HTML
</div>
<div class="macroCard-action">

Button
CallToActiontrue
ContentLearn the Basics
PageBasics of Genetics

HTML
</div>
</div>
HTML
<div class="macroCard" style="float:right;">
<div class="macroCard-image">

Image Added

HTML
<span class="macroCard-title">Engineering Biology</span>
</div>
<div class="macroCard-content">

Excerpt Include
Engineering Biology
Engineering Biology
nopaneltrue

HTML
</div>
<div class="macroCard-action">

Button
CallToActiontrue
ContentLearn Engineering Biology
PageEngineering Biology

HTML
</div>
</div>
Div
Styledisplay: block; clear: both

 

#3 Get Excited by what People Build with SynBio

Div
Styleclear: both; display: Block
HTML
<div class="macroCard" style="float:left; width: 310px">
<div class="macroCard-image">

Image Added

HTML
<span class="macroCard-title">Health & Medicine</span>
</div>
<div class="macroCard-content">

Excerpt Include
Health and Medicine
Health and Medicine
nopaneltrue

HTML
</div>
<div class="macroCard-action">

Button
CallToActiontrue
ContentDiscover more
PageHealth and Medicine

HTML
</div>
</div>
HTML
<div class="macroCard" style="float:right;">
<div class="macroCard-image">

Image Added

HTML
<span class="macroCard-title">Industry & Chemicals</span>
</div>
<div class="macroCard-content">

Excerpt Include
Industrial and Chemicals
Industrial and Chemicals
nopaneltrue

HTML
</div>
<div class="macroCard-action">

Button
CallToActiontrue
ContentDiscover more
PageIndustrial and Chemicals

HTML
</div>
</div>
Div
Styleclear: both; display: block
HTML
<div class="macroCard" style="float:left"> <div class="macroCard-image">

Image Added

HTML
<span class="macroCard-title">Food & Agriculture</span> </div> <div class="macroCard-content">

Excerpt Include
Food and Agriculture
Food and Agriculture
nopaneltrue

HTML
</div>
<div class="macroCard-action">

Button
CallToActiontrue
ContentDiscover more
PageFood and Agriculture

HTML
</div>
</div>
HTML
<div class="macroCard" style="float:right"> <div class="macroCard-image">

Image Added

HTML
<span class="macroCard-title">Health & Medicine</span></div> <div class="macroCard-content">

Excerpt Include
New Markets and Disruptions
New Markets and Disruptions
nopaneltrue

HTML
</div>
<div class="macroCard-action">

Button
CallToActiontrue
ContentDiscover more
PageNew Markets and Disruptions

HTML
</div>
</div>
Div
Styleclear: both

 

#4 Get Involved

...

groupconfluence-users

Contribute your curiosity

...

 

...

Check out our content creation funnel, where you see articles in their very first stage, some that need some optimizations and then those that are ready to be shared with our community. 

...

 

...

 

...

Div
Styleclear: both; display: Block
HTML
<div class="macroCard" style="float:left; width: 310px">
<div class="macroCard-image">

Image Added

HTML
<span class="macroCard-title">SynBio Meetup Munich</span>
</div>
<div class="macroCard-content">

Every month, SynBio enthusiasts from all backgrounds meet for dinner and beers in Munich - Feel free to join!

HTML
</div>
<div class="macroCard-action">

Button
CallToActiontrue
ContentVisit our Munich Meetup
Linkhttp://www.meetup.com/Synthetic-Biology-Entrepreneurs-in-Munich

HTML
</div>
</div>
HTML
<div class="macroCard" style="float:right; width: 310px">
<div class="macroCard-image">

Image Added

HTML
<span class="macroCard-title">SynBio Meetup London</span>
</div>
<div class="macroCard-content">

Every month, SynBio enthusiasts from all backgrounds meet for dinner and beers in London - Feel free to join!

HTML
</div>
<div class="macroCard-action">

Button
CallToActiontrue
ContentVisit our London Meetup
Linkhttp://www.meetup.com/de-DE/Synthetic-Biology-Entrepreneurs-in-London

HTML
</div>
</div>
HTML
<div class="macroCard" style="float:left; width: 310px">
<div class="macroCard-image">

Image Added

HTML
<span class="macroCard-title">Find a Job</span>
</div>
<div class="macroCard-content">

Ready to jump into the industry? Even if not yet, join our Facebook Group SynBio Jobs and stay tuned on the latest job offers.

HTML
</div>
<div class="macroCard-action">

Button
CallToActiontrue
ContentJoin our Facebook Group
Linkhttps://www.facebook.com/groups/synbiojobs/

...

Latest news

 

HTML
</div>
</div>
HTML
<div class="macroCard" style="float:right; width: 310px">
<div class="macroCard-image">

Image Added

HTML
<span class="macroCard-title">Slack Community</span>
</div>
<div class="macroCard-content">

Our Community is about people and Slack is where you get to know everyone, discuss topics and get answers.

HTML
</div>
<div class="macroCard-action">

Button
CallToActiontrue
ContentJoin our Slack
PageJoin our Slack Community

HTML
</div>
</div>
HTML
<div class="macroCard" style="float:left;">
<div class="macroCard-image">

Image Added

HTML
<span class="macroCard-title">Add your knowledge</span>
</div>
<div class="macroCard-content">

Excerpt Include
Become an author
Become an author
nopaneltrue

HTML
</div>
<div class="macroCard-action">

Button
CallToActiontrue
ContentBecome an author
PageBecome an author

HTML
</div>
</div>
Div
Styledisplay: block; clear: both

 

hide-if
groupconfluence-users

...

 

...

Update your profile

See all members

#5 Check the Latest News

 

 

Show If
groupconfluence-users

#5 Stay

...

Tuned and

...

Share the

...

Love

INLINE

Join our various Facebook Pages & Groups, were we keep you posted on what is going on and help you get into interesting companies:

Share the love, and tell your friends about it - thanks!

 

 

Show If
groupconfluence-users

#6 Contribute Your Curiosity

INLINE

 

trueLearn how to create and edit

INLINE

Check out our content creation funnel, where you see articles in their very first stage, some that need some optimizations and then those that are ready to be shared with our community. 

trueStart writing here

Show If
groupconfluence-users

...

#7 Meet Interesting People 

INLINE

Update your profile

See all members

hidecomments