Skip to content

Commit b1dade6

Browse files
EmilioSpecsAvEmilioSpecsAv
authored
Add files via upload
1 parent b7b4320 commit b1dade6

18 files changed

+585
-17
lines changed

‎Logo-Clubes-Negro.png

4.66 KB
Loading

‎Logo-Clubes-blanco.png

4.21 KB
Loading

‎Logo_CdeCMx.png

10.8 KB
Loading

‎PBP2a.jpg

83.5 KB
Loading

‎Video_club_11_2 borrador.pdf

1.46 MB
Binary file not shown.

‎aureus.jpg

79.1 KB
Loading

‎error1.jpeg

313 KB
Loading

‎error2.jpeg

165 KB
Loading

‎error3.jpeg

105 KB
Loading

‎error4.jpeg

106 KB
Loading

‎esquema de inhibición.PNG

7 KB
Loading

‎funciona.css

+264
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,264 @@
1+
@charset "utf-8";
2+
3+
body {
4+
background: #F1EDCA;
5+
6+
padding: 0px;
7+
margin: 0px;
8+
}
9+
10+
/*class*/
11+
12+
.galery{
13+
display: flex;
14+
flex-flow: row;
15+
}
16+
17+
.galery img {
18+
width: 50%;
19+
height: 50%;
20+
21+
}
22+
.show {
23+
display: flex;
24+
flex-flow: row;
25+
justify-content: space-around;
26+
27+
margin:0 0 0% 0;
28+
padding: 1%;
29+
line-height: 1.5;
30+
31+
background: #5749e0;
32+
color: #fff;
33+
font-family: arial;
34+
}
35+
.cont {
36+
width: 50%;
37+
38+
39+
}
40+
.runner {
41+
display: flex;
42+
flex-flow: column;
43+
justify-content: center;
44+
text-align: center;
45+
margin: 1%;
46+
47+
color: #402D0F;
48+
49+
}
50+
51+
/*elements*/
52+
53+
#titulo{
54+
font-size: 40
55+
}
56+
57+
img {
58+
padding: 4%;
59+
line-height: 1.5
60+
}
61+
.runner h2 {
62+
font-family: happy monkey
63+
}
64+
.runner div{
65+
font-family: arial;
66+
}
67+
.runner ul {
68+
list-style: none;
69+
line-height: 2.5;
70+
71+
font-family: arial
72+
}
73+
74+
.runner p{
75+
font-family: arial;
76+
77+
}
78+
79+
header{
80+
height: 20%;
81+
margin: 0px;
82+
font-size: 40;
83+
background: #f2752e;
84+
color: #fff;
85+
86+
}
87+
h2{
88+
font-size: 15pt
89+
}
90+
header h3{
91+
display: flex;
92+
justify-content: center;
93+
font-family: happy monkey
94+
}
95+
header h2 {
96+
margin: 0px;
97+
display: flex;
98+
justify-content: center;
99+
font_size: 80pt;
100+
101+
line-height: calc(100vh - 80vh);
102+
103+
font-family: happy monkey
104+
}
105+
106+
.runner img {
107+
text-align: center;
108+
}
109+
110+
/*animations*/
111+
112+
.show{
113+
-webkit-animation-name: fadeInLeft;
114+
animation-name: fadeInLeft;
115+
-webkit-animation-duration: 1s;
116+
animation-duration: 1s;
117+
-webkit-animation-fill-mode: both;
118+
animation-fill-mode: both;
119+
}
120+
@-webkit-keyframes fadeInLeft {
121+
0% {
122+
opacity: 0;
123+
-webkit-transform: translate3d(-100%, 0, 0);
124+
transform: translate3d(-100%, 0, 0);
125+
}
126+
100% {
127+
opacity: 1;
128+
-webkit-transform: none;
129+
transform: none;
130+
}
131+
}
132+
@keyframes fadeInLeft {
133+
0% {
134+
opacity: 0;
135+
-webkit-transform: translate3d(-100%, 0, 0);
136+
transform: translate3d(-100%, 0, 0);
137+
}
138+
100% {
139+
opacity: 1;
140+
-webkit-transform: none;
141+
transform: none;
142+
}
143+
144+
-webkit-animation-name: fadeInLeft;
145+
animation-name: fadeInLeft;
146+
-webkit-animation-duration: 1s;
147+
animation-duration: 1s;
148+
-webkit-animation-fill-mode: both;
149+
animation-fill-mode: both;
150+
}
151+
@-webkit-keyframes fadeInLeft {
152+
0% {
153+
opacity: 0;
154+
-webkit-transform: translate3d(-100%, 0, 0);
155+
transform: translate3d(-100%, 0, 0);
156+
}
157+
100% {
158+
opacity: 1;
159+
-webkit-transform: none;
160+
transform: none;
161+
}
162+
}
163+
@keyframes fadeInLeft {
164+
0% {
165+
opacity: 0;
166+
-webkit-transform: translate3d(-100%, 0, 0);
167+
transform: translate3d(-100%, 0, 0);
168+
}
169+
100% {
170+
opacity: 1;
171+
-webkit-transform: none;
172+
transform: none;
173+
}
174+
}
175+
176+
177+
img:hover {
178+
179+
-webkit-animation-name: rubberBand;
180+
animation-name: rubberBand;
181+
-webkit-animation-duration: 1s;
182+
animation-duration: 1s;
183+
-webkit-animation-fill-mode: both;
184+
animation-fill-mode: both;
185+
}
186+
@-webkit-keyframes rubberBand {
187+
0% {
188+
-webkit-transform: scale3d(1, 1, 1);
189+
transform: scale3d(1, 1, 1);
190+
}
191+
30% {
192+
-webkit-transform: scale3d(1.25, 0.75, 1);
193+
transform: scale3d(1.25, 0.75, 1);
194+
}
195+
40% {
196+
-webkit-transform: scale3d(0.75, 1.25, 1);
197+
transform: scale3d(0.75, 1.25, 1);
198+
}
199+
50% {
200+
-webkit-transform: scale3d(1.15, 0.85, 1);
201+
transform: scale3d(1.15, 0.85, 1);
202+
}
203+
65% {
204+
-webkit-transform: scale3d(.95, 1.05, 1);
205+
transform: scale3d(.95, 1.05, 1);
206+
}
207+
75% {
208+
-webkit-transform: scale3d(1.05, .95, 1);
209+
transform: scale3d(1.05, .95, 1);
210+
}
211+
100% {
212+
-webkit-transform: scale3d(1, 1, 1);
213+
transform: scale3d(1, 1, 1);
214+
}
215+
}
216+
@keyframes rubberBand {
217+
0% {
218+
-webkit-transform: scale3d(1, 1, 1);
219+
transform: scale3d(1, 1, 1);
220+
}
221+
30% {
222+
-webkit-transform: scale3d(1.25, 0.75, 1);
223+
transform: scale3d(1.25, 0.75, 1);
224+
}
225+
40% {
226+
-webkit-transform: scale3d(0.75, 1.25, 1);
227+
transform: scale3d(0.75, 1.25, 1);
228+
}
229+
50% {
230+
-webkit-transform: scale3d(1.15, 0.85, 1);
231+
transform: scale3d(1.15, 0.85, 1);
232+
}
233+
65% {
234+
-webkit-transform: scale3d(.95, 1.05, 1);
235+
transform: scale3d(.95, 1.05, 1);
236+
}
237+
75% {
238+
-webkit-transform: scale3d(1.05, .95, 1);
239+
transform: scale3d(1.05, .95, 1);
240+
}
241+
100% {
242+
-webkit-transform: scale3d(1, 1, 1);
243+
transform: scale3d(1, 1, 1);
244+
}
245+
246+
}
247+
248+
a {
249+
font-family: arial;
250+
251+
margin: auto;
252+
padding: 2%;
253+
background: #f2752e;
254+
text-decoration: none;
255+
height: 30;
256+
width: 40%;
257+
border-radius: 40px;
258+
color: #ccc;
259+
font-size: 14pt;
260+
261+
display: flex;
262+
justify-content: center
263+
264+
}

‎funciona.sass

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
/* Sass Document */
2+
3+
h2 {
4+
color: "blue";
5+
}

‎función.html

+31-5
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212

1313
<body>
1414
<header>
15-
<h2>NUESTRO PROYECTO</h2><h3>complemento contra resistencia bacteriana a la meticilina </h3>
15+
<h2 id="titulo" width="50" height="50"><b>NUESTRO PROYECTO</b></h2><h3>complemento contra resistencia bacteriana a la meticilina </h3>
1616

1717
<div style="height: 150px; overflow: hidden;" ><svg viewBox="0 0 500 150" preserveAspectRatio="none" style="height: 100%; width: 100%;"><path d="M-7.62,95.22 C149.99,150.00 349.20,-49.98 514.39,128.78 L500.00,150.00 L0.00,150.00 Z" style="stroke: none; fill: #5749e0;"></path></svg></div>
1818
</header>
@@ -43,15 +43,15 @@ <h2>NUESTRO PROYECTO</h2><h3>complemento contra resistencia bacteriana a la meti
4343

4444
<div ><img alt="aureus" height="80%" width="80%" src="images/aureus.jpg"></div>
4545
<div class="cont">
46-
<b>problemática</b><br>
46+
<b>Problemática</b><br>
4747

4848
Medicamentos que son usados comúnmente como la penicilina comienzan a perder efecto terapéutico una vez que el cuerpo y el blanco se “acostumbran” a él.
49-
Existen muchas bacterias a las cuales la penicilina puede ayudar en la eliminación de estas y de sus síntomas. La staphylococus aureus es una bacteria que inicialmente se podía tratar con meticilina, variante de la penicilina, pero que en el desarrollo y evolución de la bacteria ha ido desarrollando resistencia a este fármaco. La penicilina PBP2a es la proteína que defiende a la bacteria del efecto de la meticilina.
49+
Existen muchas bacterias a las cuales la penicilina puede ayudar en la eliminación de estas y de sus síntomas. La <i>staphylococus aureus</i> es una bacteria que inicialmente se podía tratar con meticilina, variante de la penicilina, pero que en el desarrollo y evolución de la bacteria ha ido desarrollando resistencia a este fármaco. La penicilina PBP2a es la proteína que defiende a la bacteria del efecto de la meticilina.
5050
El staphylococus aureus si bien, en la mayoría de los pacientes tendrá manifestaciones como un resfriado o infecciones cutáneas, cuando este no es tratado de forma eficiente desde los primeros momentos, existe una probabilidad de que la bacteria viaje por el torrente sanguíneo y se propague al corazón, los huesos o los pulmones, con enfermedades como la endocarditis, la osteomielitis o infecciones pulmonares como bronquitis o neumonía.
5151

5252
</div>
5353
</div>
54-
54+
<br>
5555
<div class="show">
5656

5757
<div class="cont">
@@ -85,10 +85,36 @@ <h2>Planteamiento</h2>
8585
<div>
8686
Se propone emplear el inhibidor Quinazolinona alostérica como inhibidor de la expresión de la enzima.
8787
Luego de su aplicación, se debe proceder con los tratamientos de meticilina, solo que esta vez, no debería presentarse resistencia a sus efectos.
88-
Se utiliza pyMol para la representación gráfica de las enzimas y moléculas y para la simulación del docking AutoDockTools
88+
Se utiliza pyMol para la representación gráfica de las enzimas y moléculas y para la simulación del docking AutoDockTools. Si la compatibilidad de la enzima PBP2a con el inhibidor quinazolinona es afirmativo, entonces se confirma que este inhibidor es viable para su uso como complemento terapéutico.
8989
</div>
9090

9191
</div>
92+
93+
<div class="show">
94+
<div><b>procedimiento</b><br>
95+
Con base en las investigaciones realizadas, se procede al docking entre la enzima PBP2a y la quinazolinona alostérica mediante AutodockTools. Este procedimiento, a la vez que corresponde a un proceso de modelado de la enzima y el complemento, corresponde también a la parte de simulación <i>in silico</i> en cuanto a la compatibilidad de las moléculas.
96+
</div>
97+
<div><b>resultados</b><br>
98+
luego del renderizado de la asociación entre la enzima y el inhibidor, se concluye que no es viable su unión puesto que la enzima no supone ningún espacio de acoplamiento con el inhibidor ni tampoco supone la compatibilidad con inhibidores competitivos, por ende, el tratamiento complementario a la meticilina mediante el uso de la quinazolinona alostérica no supone una ventaja terapéutica.
99+
</div>
100+
<div><b>discusión</b><br>
101+
el tratamiento a la resistencia de antibióticos por parte de las bacterias puede ser el primer paso hacia el combate de infecciones bacterianas. En la medida de lo posible, deshabilitar el patógeno a través de mecanismos internos supone una ventaja, pues de esta manera, la bacteria se dearrollará sin genes o expresiones en defensa de los antibióticos.
102+
</div>
103+
</div>
104+
105+
<div class="show">
106+
<div class="galery">
107+
<img alt="e1" src="images/error1.jpeg">
108+
<img alt="e1" src="images/error2.jpeg">
109+
110+
</div>
111+
</div>
112+
<div class="show">
113+
<div class="galery">
114+
<img alt="e1" src="images/error3.jpeg">
115+
<img alt="e1" src="images/error4.jpeg">
116+
</div>
117+
</div>
92118
<br>
93119

94120
<div class="runner"><a href="index.html">volver</a></div>

0 commit comments

Comments
 (0)