-
Notifications
You must be signed in to change notification settings - Fork 0
/
gallery.html
executable file
·125 lines (106 loc) · 5.34 KB
/
gallery.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>MEDYAN - Gallery</title>
<link rel="icon" href="images/favicon.gif" type="image/x-icon"/>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="shortcut icon" href="images/favicon.gif" type="image/x-icon"/>
<link rel="stylesheet" type="text/css" href="css/styles.css"/>
<link rel="canonical" href="https://medyan.org/gallery.html" />
</head>
<body>
<div class="bg">
<!--start container-->
<div id="container">
<!--start header-->
<header>
<!--start logo-->
<a href="#" id="logo"><img src="images/Striking.png" width="200" height="130" alt="logo"/></a>
<!--end logo-->
<!--start menu-->
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="documentation.html">Documentation</a></li>
<li><a href="download.html">Download</a></li>
<li><a href="publications.html">Publications</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<!--end menu-->
<!--end header-->
</header>
<!--start intro-->
<section id="intro">
<hgroup>
<h1> <b><i>MEDYAN</b></i> Simulation Gallery </h1>
<h2> This page contains various images and videos from <i>MEDYAN</i> simulation output. Descriptions of each image or video is accompanied by a reference to that publication, which are tracked on the page's publication list.<b> Google Chrome and Safari are recommended to view this media. </b> </h2>
</hgroup>
</section>
<!--end intro-->
<!--start holder-->
<div class="holder_content2">
<section class="group6">
<p> <b>Images</b></p>
<a href="images/Striking.png"><img src="images/Striking.png" width="400" height="400"/></a>
<p> A 3 um x 3 um x 3 um actomyosin network snapshot. Actin filaments are colored in red, and myosin II motors and cross-linking proteins are colored in blue and green, respectively. <b> From [1].</b> </p>
<br>
<a href="images/bigsim.png"><img src="images/bigsim.png" width="400" height="400"/></a>
<br>
<p> The same snapshot as above, with filament segments colored by their angle with respect to the XY plane. Unipolar domains form simulataneously with contraction. <b>From [1].</b></p>
<br>
</section>
<section class="group7">
<p> <b>Videos</b></p>
<div style="display:flex">
<div style="flex:1;margin-top:auto">
<video src="videos/mem-prot-4.mp4" width="200" height="139" controls></video>
</div>
<div style="flex:1;margin-top:auto">
<video src="videos/mem-prot-7.mp4" width="200" height="333" controls></video>
</div>
</div>
<p> Shows a bundle of actin filaments protruding against a piece of membrane. The bundle with 4 actin filaments fail to form a tulular protrusion, while the bundle with 7 actin filaments form the protrusion. <b>From [10].</b></p>
<video src="videos/small.mp4" width="400" height="400" controls>
Your browser does not support the HTML5 video element
</video>
<p> A 1 um x 1 um x 1 um actomyosin network trajectory over 2000 s of network evolution. Actin filaments are colored in red, and myosin II motors and cross-linking proteins are colored in blue and green, respectively. <b> From [1].</b> </p>
<br>
<video src="videos/plusends.mp4" width="400" height="400" controls> </video>
<p> The same trajectory as above, with filament plus ends marked by black beads. Unipolar ordering forms simulataneously with contraction. <b>From [1].</b></p>
<br>
</section>
</div>
<!--end holder-->
<!--start holder-->
<!--<div class="holder_content">
<section class="group4">
<h3>Latest article</h3>
<article>
<h4>22.08.2011 - Design to express </h4>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie. Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis nulla. In hac habitasse platea dictumst.</p>
</article>
</section>
</div>-->
<!--end holder-->
</div>
<!--end container-->
<!--start footer-->
<footer>
<div class="container">
<div id="FooterTwo"> © 2019 Papoian Lab at University of Maryland </div>
<!--<div id="FooterTree"> Valid html5, design and code by <a href="http://www.marijazaric.com">marija zaric - creative simplicity</a> </div> -->
</div>
</footer>
<!--end footer-->
</div>
<!--end bg-->
<!-- Free template distributed by http://freehtml5templates.com -->
</body>
</html>