Difference between revisions of "Team:KU Leuven"

Line 28: Line 28:
 
padding-bottom: 0;
 
padding-bottom: 0;
 
}
 
}
−
#sine {
+
.animated_svg {
 
position: relative;
 
position: relative;
 +
display: block;
 +
width: 100%;
 +
height: 1000px;
 +
min-height: 100% !important;
 
}
 
}
−
#sine > svg {
+
.animated_svg > * {
 
position: absolute;
 
position: absolute;
−
 
+
}
 +
.clearfix:after {
 +
content: "";
 +
display: table;
 +
clear: both;
 
}
 
}
 
</style>
 
</style>
Line 43: Line 51:
 
</div>
 
</div>
 
</div>
 
</div>
−
<div class="overlay">
+
<div class="overlay" style="border-top: 2px solid #c33">
−
<div id="sine">
+
<div class="container">
−
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width='100%' height='100px' viewBox="0 0 200 80">
+
<div class="animated_svg">
−
<path
+
<svg version="1.1"  xmlns="http://www.w3.org/2000/svg" width='100%' height='100%' viewBox="0 0 1000 1000">
−
style="fill:none;stroke:#aaaaaa;stroke-width:2;" d="m 12,35 c 5,20 10,20 10,20 0,0 5,0 10,-20 5,-20 10,-20 10,-20 0,0 5,0 10,20 5,20 10,20 10,20 0,0 5,0 10,-20 5,-20 10,-20 10,-20 0,0 5,0 10,20 5,20 10,20 10,20 0,0 5,0 10,-20 5,-20 10,-20 10,-20 0,0 5,0 10,20 5,20 10,20 10,20 0,0 5,0 10,-20 5,-20 10,-20 10,-20 0,0 5,0 10,20">
+
<style type="text/css">
−
</path>
+
.st0{fill:none;stroke:#888888;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;}
 +
.st1{fill:#CC3333;}
 +
.st2{font-family:'Tahoma';}
 +
.st3{font-size:33px; }
 +
.st4{font-size:28px;}
 +
.st5{font-size:24.058px;}
 +
</style>
 +
<polyline class="st0" points="974.4,150 974,502.9 26,497.2 25.5,829.5 "></polyline>
 +
<text transform="matrix(1 0 0 1 84.2189 94.8191)" class="st1 st2 st3">
 +
Inspired by the hearth
 +
</text>
 +
<text transform="matrix(1 0 0 1 84.2189 183.344)">
 +
<tspan x="0" y="0" class="st2 st5">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</tspan>
 +
<tspan x="0" y="28.9" class="st2 st5">
 +
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 +
</tspan>
 +
<tspan x="0" y="57.7" class="st2 st5">
 +
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 +
</tspan>
 +
<tspan x="0" y="86.6" class="st2 st5">
 +
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 +
</tspan>
 +
<tspan x="0" y="115.5" class="st2 st5">cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 +
</tspan>
 +
<tspan x="0" y="144.3" class="st2 st5">
 +
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 +
</tspan>
 +
</text>
 +
<text transform="matrix(1 0 0 1 84.2189 671.2648)" class="st1 st2 st3">
 +
Creation of the Rhythm
 +
</text>
 +
<text transform="matrix(1 0 0 1 84.2189 759.7897)">
 +
<tspan x="0" y="0" class="st2 st5">
 +
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod</tspan><tspan x="0" y="28.9" class="st2 st5">tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,</tspan><tspan x="0" y="57.7" class="st2 st5">quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo</tspan><tspan x="0" y="86.6" class="st2 st5">consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse</tspan><tspan x="0" y="115.5" class="st2 st5">cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non</tspan><tspan x="0" y="144.3" class="st2 st5">proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</tspan></text>
 
</svg>
 
</svg>
−
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width='100%' height='100px' viewBox="0 0 200 80">
+
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width='100%' height='100%' viewBox="0 0 1000 1000">
 
<path
 
<path
−
style="fill:none;stroke:#cc3333;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:400;stroke-dashoffset:0"
+
style="fill:none;stroke:#cc3333;stroke-width:4;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:4000;stroke-dashoffset:0"
−
data-500="stroke-dashoffset:400;" data-800="stroke-dashoffset:0;"
+
data-400-top="stroke-dashoffset:4000;" data--500-top="stroke-dashoffset:0;"
−
d="m 12,35 c 5,20 10,20 10,20 0,0 5,0 10,-20 5,-20 10,-20 10,-20 0,0 5,0 10,20 5,20 10,20 10,20 0,0 5,0 10,-20 5,-20 10,-20 10,-20 0,0 5,0 10,20 5,20 10,20 10,20 0,0 5,0 10,-20 5,-20 10,-20 10,-20 0,0 5,0 10,20 5,20 10,20 10,20 0,0 5,0 10,-20 5,-20 10,-20 10,-20 0,0 5,0 10,20">
+
d="M 974.4,150 974,502.9 26,497.2 25.5,829.5">
 
</path>
 
</path>
 
</svg>
 
</svg>
 
</div>
 
</div>
−
<div class="container">
+
<div class="animated_svg" id="sine">
−
<div class="description">
+
<svg version="1.1"  xmlns="http://www.w3.org/2000/svg"  width='100%' height='60%' viewBox="0 200 1000 800">
−
<h2>Description</h2>
+
<g id="Graph">
−
<p>HEKcite! Inspired by the human heart rhythm, we aim to create an electrophysiological oscillator from eukaryotic cells. Rhythmic contraction of heart cells is coordinated by a small group of cells called the sinus node that have an intrinsic frequency of de- and repolarization. This frequency of electrical oscillation is influenced by environmental parameters as well as certain molecular substrates. The oscillator that is proposed here consists of genetically modified excitable Human Embryonic Kidney (HEK) cells, altered to contain the intrinsic pacemaker ability found in sinus cells. As witnessed in heart cells, the rhythm would be dependent on substrate-activated ion channels in the membrane. As there is a great variety of ion channels available in nature, the oscillator could be modified to measure concentrations of many specific substrates. By integrating a certain ion channel into the oscillating system, specificity for a substrate can be chosen.Building an electrical oscillator from cells has several advantages. Extra- or intracellular changes that influence the conductance of ion channels in the membrane have an immediate impact on the frequency of oscillation. Once these cells are connected to each other (by for example gap-junctions), they generate an electrical signal that can easily be measured from a distance and non-invasively—similar to the way electrocardiography (ECG) and electroencephalography (EEG) measure electrical activity in the heart and brain respectively. A multi-purpose sensor suitable for this system could be developed for medical and biotechnological applications. One such application is the measurement of drugs that interact with ion channels, such as anti-epileptics or a certain class of immunosuppressants.
+
<path style="fill:none;stroke:#888888;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" d="M314.5,449.3c62.4-0.2,62.1,101.3,123.9,101c61.6,0,60.9-101.3,123.4-101.5c62.4-0.2,62.1,101.3,123.9,101
−
</p>
+
c61.6,0,60.9-101.3,123.4-101.5c62.4-0.2,62.1,101.2,123.6,101"></path>
−
</div>
+
</g>
−
<div class="education">
+
<g id="Graph_1_">
−
<h2>Education</h2>
+
<path style="fill:none;stroke:#CC3333;stroke-width:4;stroke-miterlimit:10;" d="M67.2,449.7c62.4-0.2,62.1,101.3,123.9,101c61.6,0,60.9-101.3,123.4-101.5"></path>
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+
</g>
−
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+
<polyline style="fill:none;stroke:#424242;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;" points="66.2,295.5 66.2,656.3 952.9,656.3 "></polyline>
−
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+
</svg>
−
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width='100%' height='60%' viewBox="0 200 1000 800">
−
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+
<path
−
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
style="fill:none;stroke:#cc3333;stroke-width:4;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:4000;stroke-dashoffset:0"
−
</p>
+
data-700-top="stroke-dashoffset:4000;" data--1000-top="stroke-dashoffset:0;"
−
</div>
+
d="M67.2,449.8c62.4-0.2,62.1,101.3,123.9,101c61.6,0,60.9-101.3,123.4-101.5c62.4-0.2,62.1,101.3,123.9,101
−
<div class="humanpractices">
+
c61.6,0,60.9-101.3,123.4-101.5c62.4-0.2,62.1,101.3,123.9,101c61.6,0,60.9-101.3,123.4-101.5c62.4-0.2,62.1,101.2,123.6,101">
−
<h2>Human Practices</h2>
+
</path>
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+
</svg>
−
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+
</div>
−
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+
<div class="animated_svg" id="trident">
−
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width='100%' height='100%' viewBox="0 0 1000 1000">
−
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+
<path
−
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
style="fill:none;stroke:#888888;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:4000;stroke-dashoffset:0"
−
</p>
+
d="M120,553.5v-57.9c131.8-38.5,263.9-50.2,380-49.1V363">
−
</div>
+
</path>
−
<div class="game">
+
<path
−
<h2>Game</h2>
+
style="fill:none;stroke:#888888;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:4000;stroke-dashoffset:0"
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
+
d="M 500,363 500,553.5">
−
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
+
</path>
−
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+
<path
−
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
+
style="fill:none;stroke:#888888;stroke-width:2;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:4000;stroke-dashoffset:0"
−
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
+
d="M500,363v83.5c116.1-1.1,248.2,10.7,380,49.1v57.9">
−
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
</path>
−
</p>
+
</svg>
−
</div>
+
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width='100%' height='100%' viewBox="0 0 1000 1000">
−
</div>
+
<path style="fill:none;stroke:#cc3333;stroke-width:4;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:4000;stroke-dashoffset:0"
−
</div>
+
data-400-top="stroke-dashoffset:4000;" data-10-top-bottom="stroke-dashoffset:0;"
 +
d="M500,363v83.5c-116.1 1.1,-248.2,10.7,-380,49.1v57.9">
 +
</path>
 +
<path style="fill:none;stroke:#cc3333;stroke-width:4;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:4000;stroke-dashoffset:0"
 +
data-400-top="stroke-dashoffset:4000;" data-10-top-bottom="stroke-dashoffset:0;"
 +
d="M500,363 500,553.5">
 +
</path>
 +
<path style="fill:none;stroke:#cc3333;stroke-width:4;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:4000;stroke-dashoffset:0"
 +
data-400-top="stroke-dashoffset:4000;" data-10-top-bottom="stroke-dashoffset:0;"
 +
d="M500,363v83.5c116.1-1.1,248.2,10.7,380,49.1v57.9">
 +
</path>
 +
</svg>
 +
</div>
 +
 
 +
<div class="description">
 +
<h2>Description</h2>
 +
<p>HEKcite! Inspired by the human heart rhythm, we aim to create an electrophysiological oscillator from eukaryotic cells. Rhythmic contraction of heart cells is coordinated by a small group of cells called the sinus node that have an intrinsic frequency of de- and repolarization. This frequency of electrical oscillation is influenced by environmental parameters as well as certain molecular substrates. The oscillator that is proposed here consists of genetically modified excitable Human Embryonic Kidney (HEK) cells, altered to contain the intrinsic pacemaker ability found in sinus cells. As witnessed in heart cells, the rhythm would be dependent on substrate-activated ion channels in the membrane. As there is a great variety of ion channels available in nature, the oscillator could be modified to measure concentrations of many specific substrates. By integrating a certain ion channel into the oscillating system, specificity for a substrate can be chosen.Building an electrical oscillator from cells has several advantages. Extra- or intracellular changes that influence the conductance of ion channels in the membrane have an immediate impact on the frequency of oscillation. Once these cells are connected to each other (by for example gap-junctions), they generate an electrical signal that can easily be measured from a distance and non-invasively—similar to the way electrocardiography (ECG) and electroencephalography (EEG) measure electrical activity in the heart and brain respectively. A multi-purpose sensor suitable for this system could be developed for medical and biotechnological applications. One such application is the measurement of drugs that interact with ion channels, such as anti-epileptics or a certain class of immunosuppressants.
 +
</p>
 +
</div>
 +
<div class="education">
 +
<h2>Education</h2>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 +
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 +
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 +
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 +
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 +
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 +
</p>
 +
</div>
 +
<div class="humanpractices">
 +
<h2>Human Practices</h2>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 +
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 +
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 +
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 +
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 +
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 +
</p>
 +
</div>
 +
<div class="game">
 +
<h2>Game</h2>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
 +
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
 +
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 +
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 +
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 +
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 +
</p>
 
</div>
 
</div>
−
<script type="text/javascript">
+
</div>
−
var s = skrollr.init();
+
</div>
−
</script>
+
</div>
 +
<script type="text/javascript">
 +
var s = skrollr.init();
 +
</script>
 
 
 
</html>
 
</html>
  
 
{{KU_Leuven_footer}}
 
{{KU_Leuven_footer}}

Revision as of 14:05, 25 July 2017

Inspired by the hearth Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Creation of the Rhythm Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodoconsequat. Duis aute irure dolor in reprehenderit in voluptate velit essecillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat nonproident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Description

HEKcite! Inspired by the human heart rhythm, we aim to create an electrophysiological oscillator from eukaryotic cells. Rhythmic contraction of heart cells is coordinated by a small group of cells called the sinus node that have an intrinsic frequency of de- and repolarization. This frequency of electrical oscillation is influenced by environmental parameters as well as certain molecular substrates. The oscillator that is proposed here consists of genetically modified excitable Human Embryonic Kidney (HEK) cells, altered to contain the intrinsic pacemaker ability found in sinus cells. As witnessed in heart cells, the rhythm would be dependent on substrate-activated ion channels in the membrane. As there is a great variety of ion channels available in nature, the oscillator could be modified to measure concentrations of many specific substrates. By integrating a certain ion channel into the oscillating system, specificity for a substrate can be chosen.Building an electrical oscillator from cells has several advantages. Extra- or intracellular changes that influence the conductance of ion channels in the membrane have an immediate impact on the frequency of oscillation. Once these cells are connected to each other (by for example gap-junctions), they generate an electrical signal that can easily be measured from a distance and non-invasively—similar to the way electrocardiography (ECG) and electroencephalography (EEG) measure electrical activity in the heart and brain respectively. A multi-purpose sensor suitable for this system could be developed for medical and biotechnological applications. One such application is the measurement of drugs that interact with ion channels, such as anti-epileptics or a certain class of immunosuppressants.

Education

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Human Practices

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Game

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.