Difference between revisions of "Team:KU Leuven/Description"

(Replaced content with "{{KU_Leuven}} <html> <style type="text/css"> #grad { background: -webkit-linear-gradient(#C17952,#ffd4a6,#edf2f4); Safari 5.1-6.0: bac...")
Line 2: Line 2:
 
<html>
 
<html>
 
<style type="text/css">
 
<style type="text/css">
        #pi_list .header {
 
            position: relative;
 
            z-index: 20;
 
            cursor: pointer;
 
            border-bottom: 2px solid #cc3333;
 
        }
 
 
        #pi_list .header .intro {
 
            background-color: #cc3333;
 
            padding: 50px;
 
        }
 
 
        #pi_list .header .shortcontent {
 
            background-color: #f2f2f2;
 
            padding: 10px;
 
        }
 
 
 
        #pi_list .header .intro h3 {
 
            color: white;
 
            margin: 0;
 
            padding: 0;
 
            margin-bottom: 10px;
 
            font-size: 30px;
 
            font-weight: 300;
 
            font-style: italic;
 
        }
 
 
        #pi_list .header .intro p {
 
            color: white;
 
            margin: 0;
 
            padding: 0;
 
            font-weight: 200;
 
            font-size: 20px;
 
        }
 
 
        #pi_list .header .shortcontent p {
 
            padding: 0;
 
            margin:0;
 
            padding-bottom: 20px;
 
 
        }
 
 
         #grad {
 
         #grad {
 
             background: -webkit-linear-gradient(#C17952,#ffd4a6,#edf2f4); /* Safari 5.1-6.0 */
 
             background: -webkit-linear-gradient(#C17952,#ffd4a6,#edf2f4); /* Safari 5.1-6.0 */
Line 49: Line 7:
 
             background: -moz-linear-gradient(#C17952,#ffd4a6,#edf2f4); /* Firefox 3.6-15 */
 
             background: -moz-linear-gradient(#C17952,#ffd4a6,#edf2f4); /* Firefox 3.6-15 */
 
             background: linear-gradient(#C17952,#ffd4a6,#edf2f4); /* Standard syntax */
 
             background: linear-gradient(#C17952,#ffd4a6,#edf2f4); /* Standard syntax */
        }
 
 
 
        #pi_list .content {
 
            margin: 0 20px;
 
            padding: 40px;
 
            padding-bottom: 20px;
 
            position: relative;
 
            z-index: 10;
 
 
            -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
 
            -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
 
            box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
 
        }
 
 
        #pi_list .content p {
 
            margin: 0;
 
            padding: 0;
 
            padding-bottom: 10px;
 
 
         }
 
         }
 
         </style>
 
         </style>
         <script type="text/javascript" src="https://2017.igem.org/Template:KU_Leuven/flip?action=raw&ctype=text/javascript"></script>
+
          
        <div class="team">
+
            <div class="jumbotron">
+
                <div class="container" id="grad">
+
                    <h1>Project</h1>
+
                    <p style="text-align:justify"><strong>HEKcite!</strong> 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 located in the sinus node, which 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 we aim to create 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. Intra- or extracellular 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. 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 antipsychotics, anti-epileptics or a certain class of immunosuppressants.</p>
+
                </div>
+
            </div>
+
<br>
+
            <div class="container" id="grad">
+
                            <div id="pi_list">
+
                                <div class="pi">
+
                                    <div class="header">
+
                                        <div class="intro">
+
                                            <h3>Inspired by the heart</h3>
+
                                            <p>We drew our inspiration from the versatility and robustness of the heart. It beats continuously over the years, rapidly adapting its pace when necessary.</p>
+
                                        </div>
+
                                    </div>
+
                                    <div class="content" style="display: none;">
+
                                        <p> To write: </p>
+
                                        <p> About how the hearth works. How it adapts to stimuli etc.</p>
+
                                    </div>
+
                                </div>
+
            <div class="pi">
+
                </div>
+
            </div>
+
        </div>
+
                    <div class="container">
+
                            <div id="pi_list">
+
                                <div class="pi">
+
                                    <div class="header">
+
                                        <div class="intro">
+
                                            <h3>Creation of rhythm</h3>
+
                                            <p>Given our knowledge about heart currents, we hypothesized it would be possible to recreate a steady rhythm in a non-excitable cell using only three ion channels.</p>
+
                                        </div>
+
                                    </div>
+
                                    <div class="content" style="display: none;">
+
                                            <p> To write: </p>
+
                                            <p> About how the rhythm in the heart works. And in different pacemaker cells. Also on how they adapt to stimuli etc.</p>
+
                                    </div>
+
                                </div>
+
            <div class="pi">
+
                </div>
+
            </div>
+
        </div>
+
                    <div class="container">
+
                            <div id="pi_list">
+
                                <div class="pi">
+
                                    <div class="header">
+
                                        <div class="intro">
+
                                            <h3>Biosensing</h3>
+
                                            <p>Finally, we aim to influence the pace by varying concentrations of biological effectors. Our main focus is establishing a new form of therapeutic drug monitoring.</p>
+
                                        </div>
+
                                    </div>
+
                                    <div class="content" style="display: none;">
+
                                            <p> To write: </p>
+
                                            <p> About what we aim to measure and how we can work towards it. Different ways on how we could measure in our project.</p>
+
                                    </div>
+
                                </div>
+
            <div class="pi">
+
                </div>
+
            </div>
+
        </div>
+
 
+
    </div>
+
    </div>
+
    <script type="text/javascript">
+
    $(document).ready(function() { /* to make sure the script runs after page load */
+
                $("#pi_list .header").click(function() {
+
 
+
            $(this).siblings('.content').slideToggle();
+
        });
+
 
+
 
+
    });
+
    </script>
+
 
</html>
 
</html>
 
{{KU_Leuven_footer}}
 
{{KU_Leuven_footer}}

Revision as of 14:21, 21 September 2017