AndrewWild (Talk | contribs) |
AndrewWild (Talk | contribs) |
||
Line 726: | Line 726: | ||
</script> | </script> | ||
<div class="container"> | <div class="container"> | ||
− | <div class="div_vl backgroundimage"> | + | <div class="calendar"> |
− | + | <div class="div_vl backgroundimage"> | |
− | + | <h1 id="title" style="margin-bottom:8vh;">Timeline</h1> | |
− | + | <div class="col-xs-0 col-sm-1"></div> | |
− | + | <div class="col-xs-2" style="height:40vh;"> | |
− | + | <div id="March_btn" class="calendar_btn calendar_selector">March</div> | |
− | + | <div id="April_btn" class="calendar_btn calendar_selector">April</div> | |
− | + | <div id="May_btn" class="calendar_btn calendar_selector">May</div> | |
− | + | <div id="June_btn" class="calendar_btn calendar_selector">June</div> | |
− | + | <div id="July_btn" class="calendar_btn calendar_selector">July</div> | |
− | + | <div id="August_btn" class="calendar_btn calendar_selector">August</div> | |
− | + | <div id="September_btn" class="calendar_btn calendar_selector">September</div> | |
− | + | <div id="October_btn" class="calendar_btn calendar_selector">October</div> | |
− | + | <div id="November_btn" class="calendar_btn calendar_selector">November</div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | < | + | <!--Calendar key--> |
− | + | <div style="float:right;height:20vh;width:14vw;margin-right:2vw;"> | |
− | + | <div class="col-xs-6 calendar_box date"><span></span></div><div class="col-xs-6">Log entry</div> | |
− | + | <div class="col-xs-12" style="height:6vh;"></div> | |
− | + | <div class="col-xs-6 calendar_box vlog" style="background:none;"><span class="vlog">V</span></div><div class="col-xs-6">Vlog entry</div> | |
− | + | <div class="col-xs-12" style="height:6vh;"></div> | |
− | + | <div class="col-xs-6 calendar_box grey"><span></span></div><div class="col-xs-6">Easter & Exams</div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | <div | + | <div class="col-sm-0 col-xs-1"></div> |
− | + | <div class="col-xs-9 col-sm-7" style="margin-bottom:30vh;height:10vh;"> | |
+ | <div class="row calendar_header"> | ||
<div class="col-xs-0 col-sm-3"></div> | <div class="col-xs-0 col-sm-3"></div> | ||
− | < | + | <div class="col-xs-1 calendar_space"><span>S</span></div> |
− | < | + | <div class="col-xs-1 calendar_space"><span>M</span></div> |
− | < | + | <div class="col-xs-1 calendar_space"><span>T</span></div> |
− | < | + | <div class="col-xs-1 calendar_space"><span>W</span></div> |
− | < | + | <div class="col-xs-1 calendar_space"><span>T</span></div> |
− | < | + | <div class="col-xs-1 calendar_space"><span>F</span></div> |
− | < | + | <div class="col-xs-1 calendar_space"><span>S</span></div> |
− | <div class="col- | + | <div class="col-xs-2"></div> |
</div> | </div> | ||
− | <div class="row" style="padding:0;margin:0;"> | + | <div id="March" class="month"> |
− | + | <div class="row" style="padding:0;margin:0;"> | |
− | + | <div class="col-xs-0 col-sm-3"></div> | |
− | + | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | |
− | <a href="#" class="col-xs-1 calendar_box | + | <a href="#" class="col-xs-1 calendar_box top left"><span>1</span></a> |
− | + | <a href="#2March" class="col-xs-1 calendar_link date top"><span>2</span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_box top"><span>3</span></a> | |
− | <a href="#" class="col-xs-1 calendar_box grey right"><span> | + | <a href="#" class="col-xs-1 calendar_box top"><span>4</span></a> |
− | <div class="col-sm-2 col-xs-0"></div> | + | <a href="#" class="col-xs-1 calendar_box top right"><span>5</span></a> |
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left top"><span>6</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box top"><span>7</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>8</span></a> | ||
+ | <a href="#9March" class="col-xs-1 calendar_link date"><span>9</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>10</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>11</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box right"><span>12</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left"><span>13</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>14</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>15</span></a> | ||
+ | <a href="#16March" class="col-xs-1 calendar_link date"><span>16</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>17</span></a> | ||
+ | <a href="#18March" class="col-xs-1 calendar_link date"><span>18</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box right"><span>19</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left"><span>20</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>21</span></a> | ||
+ | <a href="#22March" class="col-xs-1 calendar_link date"><span>22</span></a> | ||
+ | <a href="#23March" class="col-xs-1 calendar_link date"><span>23</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>24</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom"><span>25</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey right bottom"><span>26</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey left bottom"><span>27</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey bottom"><span>28</span></a> | ||
+ | <a href="#31.5.16" class="col-xs-1 calendar_box grey bottom"><span>29</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey bottom"><span>30</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey bottom right"><span>31</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
</div> | </div> | ||
− | <div class="row" style="padding:0;margin:0;"> | + | <div id="April" class="month"> |
− | <div class="col-xs-0 col-sm-3"></div> | + | <div class="row" style="padding:0;margin:0;"> |
− | <a href="#" class="col-xs-1 calendar_box grey left"><span>10</span></a> | + | <div class="col-xs-0 col-sm-3"></div> |
− | + | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_box grey top left"><span>1</span></a> | |
− | <div class="col-sm-2 col-xs-0"></div> | + | <a href="#" class="col-xs-1 calendar_box grey top right"><span>2</span></a> |
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey left top"><span>3</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey top"><span>4</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey top"><span>5</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey top"><span>6</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey top"><span>7</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey"><span>8</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey right"><span>9</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey left"><span>10</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey"><span>11</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey"><span>12</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey"><span>13</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey"><span>14</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey"><span>15</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey right"><span>16</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey left"><span>17</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey"><span>18</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey"><span>19</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey"><span>20</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey"><span>21</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey"><span>22</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey right"><span>23</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey left bottom"><span>24</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey bottom"><span>25</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey bottom"><span>26</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey bottom"><span>27</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey bottom"><span>28</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey bottom"><span>29</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey right bottom"><span>30</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
</div> | </div> | ||
− | <div class="row" style="padding:0;margin:0;"> | + | <div id="May" class="month"> |
− | <div class="col-xs-0 col-sm-3"></div> | + | <div class="row" style="padding:0;margin:0;"> |
− | <a href="#" class="col-xs-1 calendar_box grey left"><span>17</span></a> | + | <div class="col-xs-0 col-sm-3"></div> |
− | + | <a href="#" class="col-xs-1 calendar_box grey top left"><span>1</span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_box grey top"><span>2</span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_box grey top"><span>3</span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_box grey top"><span>4</span></a> | |
− | <a href="#" class="col-xs-1 calendar_box grey"><span>22</span></a> | + | <a href="#" class="col-xs-1 calendar_box grey top"><span>5</span></a> |
− | + | <a href="#" class="col-xs-1 calendar_box grey top"><span>6</span></a> | |
− | <div class="col-sm-2 col-xs-0"></div> | + | <a href="#" class="col-xs-1 calendar_box grey top right"><span>7</span></a> |
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey left"><span>8</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey"><span>9</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey"><span>10</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey"><span>11</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey"><span>12</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey"><span>13</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey right"><span>14</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey left"><span>15</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey"><span>16</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey"><span>17</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey"><span>18</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey"><span>19</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey"><span>20</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey right"><span>21</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box grey left"><span>22</span></a> | ||
+ | <a href="#23May" class="col-xs-1 calendar_link date"><span>23</span></a> | ||
+ | <a href="#24May" class="col-xs-1 calendar_link date"><span>24</span></a> | ||
+ | <a href="#25May" class="col-xs-1 calendar_link date bottom"><span>25</span></a> | ||
+ | <a href="#26May" class="col-xs-1 calendar_link date bottom"><span>26</span></a> | ||
+ | <a href="#27May" class="col-xs-1 calendar_link date bottom"><span>27</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box right bottom"><span>28</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left bottom"><span>29</span></a> | ||
+ | <a href="#30May" class="col-xs-1 calendar_link date bottom"><span>30</span></a> | ||
+ | <a href="#31May" class="col-xs-1 calendar_link date vlog bottom right"><span class="vlog">V</span><span>31</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
</div> | </div> | ||
− | <div class="row" style="padding:0;margin:0;"> | + | <div id="June" class="month"> |
− | <div class="col-xs-0 col-sm-3"></div> | + | <div class="row" style="padding:0;margin:0;"> |
− | <a href="#" class="col-xs-1 calendar_box | + | <div class="col-xs-0 col-sm-3"></div> |
− | + | <a href="#" class="col-xs-1 calendar_space"></a> | |
− | <a href="#" class="col-xs-1 calendar_box | + | <a href="#" class="col-xs-1 calendar_space"></a> |
− | + | <a href="#" class="col-xs-1 calendar_space"></a> | |
− | + | <a href="#1June" class="col-xs-1 calendar_link date vlog top left"><span class="vlog">V</span><span>1</span></a> | |
− | + | <a href="#2June" class="col-xs-1 calendar_link date vlog top"><span class="vlog">V</span><span>2</span></a> | |
− | + | <a href="#3June" class="col-xs-1 calendar_link date top"><span>3</span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_box top right"><span>4</span></a> | |
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left top"><span>1</span></a> | ||
+ | <a href="#6June" class="col-xs-1 calendar_link date vlog top"><span class="vlog">V</span><span>6</span></a> | ||
+ | <a href="#7June" class="col-xs-1 calendar_link date vlog top"><span class="vlog">V</span><span>7</span></a> | ||
+ | <a href="#8June" class="col-xs-1 calendar_link date"><span>8</span></a> | ||
+ | <a href="#9June" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>9</span></a> | ||
+ | <a href="#10June" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>10</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box right"><span>11</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left"><span>12</span></a> | ||
+ | <a href="#13June" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>13</span></a> | ||
+ | <a href="#14June" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>14</span></a> | ||
+ | <a href="#15June" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>15</span></a> | ||
+ | <a href="#16June" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>16</span></a> | ||
+ | <a href="#17June" class="col-xs-1 calendar_link date"><span>17</span></a> | ||
+ | <a href="#18June" class="col-xs-1 calendar_link date right"><span>18</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#19June" class="col-xs-1 calendar_link date left"><span>19</span></a> | ||
+ | <a href="#20June" class="col-xs-1 calendar_link date"><span>20</span></a> | ||
+ | <a href="#21June" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>21</span></a> | ||
+ | <a href="#22June" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>22</span></a> | ||
+ | <a href="#23June" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>23</span></a> | ||
+ | <a href="#24June" class="col-xs-1 calendar_link date bottom"><span>24</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom right"><span>25</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left bottom"><span>26</span></a> | ||
+ | <a href="#27June" class="col-xs-1 calendar_link date bottom"><span>27</span></a> | ||
+ | <a href="#28June" class="col-xs-1 calendar_link date vlog bottom"><span class="vlog">V</span><span>28</span></a> | ||
+ | <a href="#29June" class="col-xs-1 calendar_link date vlog bottom"><span class="vlog">V</span><span>29</span></a> | ||
+ | <a href="#30June" class="col-xs-1 calendar_link date vlog bottom right"><span class="vlog">V</span><span>30</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
</div> | </div> | ||
− | + | <div id="July" class="month"> | |
− | + | <div class="row" style="padding:0;margin:0;"> | |
− | + | <div class="col-xs-0 col-sm-3"></div> | |
− | + | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | |
− | <a href="#" class="col-xs-1 calendar_box | + | <a href="#" class="col-xs-1 calendar_space"><span></span></a> |
− | + | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | |
− | + | <a href="#1July" class="col-xs-1 calendar_link date left top"><span>1</span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_box top right"><span>2</span></a> | |
− | <a href="#" class="col-xs-1 calendar_box | + | <div class="col-sm-2 col-xs-0"></div> |
− | <div class="col-sm-2 col-xs-0"></div> | + | </div> |
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left top"><span>3</span></a> | ||
+ | <a href="#4July" class="col-xs-1 calendar_link date vlog top"><span class="vlog">V</span><span>4</span></a> | ||
+ | <a href="#5July" class="col-xs-1 calendar_link date top"><span>5</span></a> | ||
+ | <a href="#6July" class="col-xs-1 calendar_link date vlog top"><span class="vlog">V</span><span>6</span></a> | ||
+ | <a href="#7July" class="col-xs-1 calendar_link date top"><span>7</span></a> | ||
+ | <a href="#8July" class="col-xs-1 calendar_link date"><span>8</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box right"><span>9</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left"><span>10</span></a> | ||
+ | <a href="#11July" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>11</span></a> | ||
+ | <a href="#12July" class="col-xs-1 calendar_link date"><span>12</span></a> | ||
+ | <a href="#13July" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>13</span></a> | ||
+ | <a href="#14July" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>14</span></a> | ||
+ | <a href="#15July" class="col-xs-1 calendar_link date"><span>15</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box right"><span>16</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left"><span>17</span></a> | ||
+ | <a href="#18July" class="col-xs-1 calendar_link date vlog"><span><span class="vlog">V</span>18</span></a> | ||
+ | <a href="#19July" class="col-xs-1 calendar_link date"><span>19</span></a> | ||
+ | <a href="#20July" class="col-xs-1 calendar_link date vlog"><span><span class="vlog">V</span>20</span></a> | ||
+ | <a href="#21July" class="col-xs-1 calendar_link date vlog"><span class="vlog">V</span><span>21</span></a> | ||
+ | <a href="#22July" class="col-xs-1 calendar_link date"><span>22</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box right"><span>23</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left"><span>24</span></a> | ||
+ | <a href="#25July" class="col-xs-1 calendar_link date bottom"><span>25</span></a> | ||
+ | <a href="#26July" class="col-xs-1 calendar_link date bottom"><span>26</span></a> | ||
+ | <a href="#27July" class="col-xs-1 calendar_link date bottom"><span>27</span></a> | ||
+ | <a href="#28July" class="col-xs-1 calendar_link date bottom"><span>28</span></a> | ||
+ | <a href="#29July" class="col-xs-1 calendar_link date bottom"><span>29</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom right"><span>30</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom left right"><span>31</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
</div> | </div> | ||
− | <div class="row" style="padding:0;margin:0;"> | + | <div id="August" class="month"> |
− | + | <div class="row" style="padding:0;margin:0;"> | |
− | <a href="#" class="col-xs-1 calendar_box | + | <div class="col-xs-0 col-sm-3"></div> |
− | + | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | |
− | + | <a href="#1August" class="col-xs-1 calendar_link vlog left top"><span class="vlog">V</span><span>1</span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_box top"><span>2</span></a> | |
− | + | <a href="#3August" class="col-xs-1 calendar_link vlog top"><span class="vlog">V</span><span>3</span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_box top"><span>4</span></a> | |
− | <a href="#" class="col-xs-1 calendar_box | + | <a href="#" class="col-xs-1 calendar_box top"><span>5</span></a> |
− | <div class="col-sm-2 col-xs-0"></div> | + | <a href="#" class="col-xs-1 calendar_box top right"><span>6</span></a> |
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left top"><span>7</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>8</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>9</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>10</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>11</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>12</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box right"><span>13</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left"><span>14</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>15</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>16</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>17</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>18</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>19</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box right"><span>20</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left"><span>21</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>22</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>23</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>24</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom"><span>25</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom"><span>26</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom right"><span>27</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left bottom"><span>28</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom"><span>29</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom"><span>30</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom right"><span>31</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
</div> | </div> | ||
− | <div class="row" style="padding:0;margin:0;"> | + | <div id="September" class="month"> |
− | <div class="col-xs-0 col-sm-3"></div> | + | <div class="row" style="padding:0;margin:0;"> |
− | <a href="#" class="col-xs-1 calendar_box | + | <div class="col-xs-0 col-sm-3"></div> |
− | + | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | |
− | <a href="#" class="col-xs-1 calendar_box | + | <a href="#" class="col-xs-1 calendar_space"><span></span></a> |
− | + | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_box left top"><span>1</span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_box top"><span>2</span></a> | |
− | <div class="col-sm-2 col-xs-0"></div> | + | <a href="#" class="col-xs-1 calendar_box top right"><span>3</span></a> |
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left top"><span>4</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box top"><span>5</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box top"><span>6</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box top"><span>7</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>8</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>9</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box right"><span>10</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left"><span>11</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>12</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>13</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>14</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>15</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>16</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box right"><span>17</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left"><span>18</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>19</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>20</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>21</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>22</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>23</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom right"><span>124</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left bottom"><span>25</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom"><span>26</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom"><span>27</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom"><span>28</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom"><span>29</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom right"><span>30</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
</div> | </div> | ||
− | <div class="row" style="padding:0;margin:0;"> | + | <div id="October" class="month"> |
− | <div class="col-xs-0 col-sm-3"></div> | + | <div class="row" style="padding:0;margin:0;"> |
− | <a href="#" class="col-xs-1 calendar_box | + | <div class="col-xs-0 col-sm-3"></div> |
− | <a href="# | + | <a href="#" class="col-xs-1 calendar_space"><span></span></a> |
− | + | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | |
− | <div class="col-sm-2 col-xs-0"></div> | + | <a href="#" class="col-xs-1 calendar_box left top right"><span>1</span></a> |
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left top"><span>2</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box top"><span>3</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box top"><span>4</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box top"><span>5</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box top"><span>6</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box top"><span>7</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box right"><span>8</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left"><span>9</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>10</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>11</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>12</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>13</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>14</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box right"><span>15</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left"><span>16</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>17</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>18</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>19</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>20</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>21</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box right"><span>22</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left"><span>23</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>24</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom"><span>25</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom"><span>26</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom"><span>27</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom"><span>28</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom right"><span>29</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left bottom"><span>30</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box right bottom"><span>31</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
</div> | </div> | ||
− | <div class="row" style="padding:0;margin:0;"> | + | <div id="November" class="month"> |
− | <div class="col-xs-0 col-sm-3"></div> | + | <div class="row" style="padding:0;margin:0;"> |
− | <a href="#" class="col-xs-1 calendar_box left | + | <div class="col-xs-0 col-sm-3"></div> |
− | <a href="# | + | <a href="#" class="col-xs-1 calendar_space"><span></span></a> |
− | + | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_box left top"><span>1</span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_box top"><span>2</span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_box top"><span>3</span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_box top"><span>4</span></a> | |
− | + | <a href="#" class="col-xs-1 calendar_box top right"><span>5</span></a> | |
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box top left"><span>6</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box top"><span>7</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>8</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>9</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>10</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>11</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box right"><span>12</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left"><span>13</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>14</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>15</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>16</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>17</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>18</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box right"><span>19</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left"><span>20</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>21</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>22</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box"><span>23</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom"><span>24</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom"><span>25</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom right"><span>26</span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
+ | <div class="row" style="padding:0;margin:0;"> | ||
+ | <div class="col-xs-0 col-sm-3"></div> | ||
+ | <a href="#" class="col-xs-1 calendar_box left bottom"><span>27</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom"><span>28</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom"><span>29</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_box bottom right"><span>30</span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <a href="#" class="col-xs-1 calendar_space"><span></span></a> | ||
+ | <div class="col-sm-2 col-xs-0"></div> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div | + | <div> |
− | + | <a id="Section_link" href="#2March" style="display:block;margin:20px auto 0 auto;width:14px;"><span style="color:#47BCC2;font-size: 25px;" class="glyphicon glyphicon-menu-down" aria-hidden="true"></span></a> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</div> | </div> | ||
Line 1,310: | Line 1,312: | ||
<h6 style="padding-left:0;padding-top:20px;">Log entry</h6> | <h6 style="padding-left:0;padding-top:20px;">Log entry</h6> | ||
<p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | <p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | ||
+ | We had our first meet up today. To get to know eachother better in small teams we were set the task to construct a spaghetti tower to hold a marshmallow as high as possible, only a bit of tape and some string. | ||
+ | </p> | ||
+ | <p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | ||
+ | We met the 2015 Exeter team who gave us advice concerning the iGEM competition. | ||
</p> | </p> | ||
</div> | </div> | ||
Line 1,326: | Line 1,332: | ||
<h6 style="padding-left:0;padding-top:20px;">Log entry</h6> | <h6 style="padding-left:0;padding-top:20px;">Log entry</h6> | ||
<p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | <p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | ||
+ | Today Professor John Love gave us an introductory synthetic biology lecture which helpful to those of us who are not studying biosciences. | ||
</p> | </p> | ||
</div> | </div> | ||
Line 1,342: | Line 1,349: | ||
<h6 style="padding-left:0;padding-top:20px;">Log entry</h6> | <h6 style="padding-left:0;padding-top:20px;">Log entry</h6> | ||
<p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | <p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | ||
+ | We had our team and individual photos taken today by Aaron Yeung of Exeter Photo Society. This was followed up by our first group brainstorm session. | ||
+ | |||
+ | </p> | ||
+ | ideas img | ||
+ | <div class="col-xs-12" style="margin:auto;display:block;"> | ||
+ | <img src="#####" style="max-width:33%;"> | ||
+ | </div> | ||
+ | <p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | ||
+ | The preliminary ideas include: | ||
+ | <ul> | ||
+ | <li>Finding traces of peanut</li> | ||
+ | <li>Degrading plastic</li> | ||
+ | <li>Creating rocket fuel</li> | ||
+ | <li>Soft bioluminescent lighting</li> | ||
+ | <li>Making a screen using bioluminescence</li> | ||
+ | <li>Making plastic</li> | ||
+ | <li>Detecting STD's</li> | ||
+ | </ul> | ||
+ | </p> | ||
+ | <p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | ||
+ | We then split up into groups to research broad categories, including food security, diseases and space, and plan to feedback to each other in the next meeting. | ||
</p> | </p> | ||
</div> | </div> | ||
Line 1,358: | Line 1,386: | ||
<h6 style="padding-left:0;padding-top:20px;">Log entry</h6> | <h6 style="padding-left:0;padding-top:20px;">Log entry</h6> | ||
<p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | <p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | ||
+ | You can see below the team photo taken the other day. | ||
</p> | </p> | ||
+ | team img | ||
+ | <div class="col-xs-12" style="margin:auto;display:block;"> | ||
+ | <img src="#####" style="max-width:33%;"> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 1,374: | Line 1,407: | ||
<h6 style="padding-left:0;padding-top:20px;">Log entry</h6> | <h6 style="padding-left:0;padding-top:20px;">Log entry</h6> | ||
<p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | <p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | ||
+ | Today we were given a talk by Markus Gershater, the cofounder of Synthace | ||
+ | </p> | ||
+ | twitter img | ||
+ | <div class="col-xs-12" style="margin:auto;display:block;"> | ||
+ | <img src="#####" style="max-width:33%;"> | ||
+ | </div> | ||
+ | <p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | ||
+ | We discussed the foundations of synthetic biology itself, the core problems in the synthetic biology field and potential routes to go down with our project. Our following discussion focused on taking a measurements based approach to iGEM instead, testing components to identify their optimum operating conditions. The idea was to attempt to identify how environmentally dependant the biobricks are. | ||
</p> | </p> | ||
</div> | </div> | ||
Line 1,390: | Line 1,431: | ||
<h6 style="padding-left:0;padding-top:20px;">Log entry</h6> | <h6 style="padding-left:0;padding-top:20px;">Log entry</h6> | ||
<p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | <p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | ||
+ | Today, we had a short discussion about some of the points discussed on 16.03.16 with our iGEM advisors to decide which were viable routes to pursue, and which would likely not work or take far too long. | ||
+ | </p> | ||
+ | <p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | ||
+ | We also had a tour around the main biology lab, and were introduced to the equipment and machinery we will be using. | ||
</p> | </p> | ||
</div> | </div> | ||
Line 1,406: | Line 1,451: | ||
<h6 style="padding-left:0;padding-top:20px;">Log entry</h6> | <h6 style="padding-left:0;padding-top:20px;">Log entry</h6> | ||
<p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | <p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | ||
+ | Today we discussed the medal criteria and outreach ideas. | ||
+ | </p> | ||
+ | <p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | ||
+ | These ideas include talking with experts in the field, holding introductory workshops in schools to introduce children to synthetic biology and running stalls at science fairs. | ||
+ | </p> | ||
+ | <p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | ||
+ | Potential ideas: | ||
+ | <ul> | ||
+ | <li>Synthesizing a <i>microportha</i> virus</li> | ||
+ | <li>Kill switches evolutionary stability, potential to oscillate a kill switch (genetic clocks)</li> | ||
+ | <li>Synthesizing PAF with <i>E.Coli</i> and combating fungal diseases in plants</li> | ||
+ | </ul> | ||
+ | </p> | ||
+ | <p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | ||
+ | |||
+ | </p> | ||
+ | <p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | ||
+ | |||
</p> | </p> | ||
</div> | </div> | ||
Line 1,422: | Line 1,485: | ||
<h6 style="padding-left:0;padding-top:20px;">Log entry</h6> | <h6 style="padding-left:0;padding-top:20px;">Log entry</h6> | ||
<p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | <p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | ||
+ | We mostly focused on how to develop a good grounding for our human practises. We want to educate people about synthetic biology. We also set up a YouTube channel to allow us to start uploading videos. | ||
</p> | </p> | ||
</div> | </div> | ||
Line 1,438: | Line 1,502: | ||
<h6 style="padding-left:0;padding-top:20px;">Log entry</h6> | <h6 style="padding-left:0;padding-top:20px;">Log entry</h6> | ||
<p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | <p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | ||
+ | We have decided to do daily vlog to recap our progress throughout the day. | ||
+ | </p> | ||
+ | <p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | ||
+ | We discussed the kill switch idea more in depth, looking at the possibility of using a lab grown amino acid to trigger the kill switch. | ||
+ | </p> | ||
+ | repressillator img | ||
+ | <div class="col-xs-12" style="margin:auto;display:block;"> | ||
+ | <img src="#####" style="max-width:33%;"> | ||
+ | </div> | ||
+ | <p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | ||
+ | Above an idea relating PAF and repressilators can be seen. | ||
+ | </p> | ||
+ | <p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | ||
+ | We identified resources that we could offer for our collaborations. Our main specialties include: modelling and data processing, some specialised equipment and mentoring new teams. | ||
+ | </p> | ||
+ | <p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | ||
+ | We also began to identify key academics and companies we can establish connections with to better inform our project, and develop a deeper understanding of the synthetic biology involved in kill switches, antifungal proteins and repressilators. | ||
+ | </p> | ||
+ | <p id="pp" style="padding-left:0;padding-right:0;padding-top:0;"> | ||
+ | At this point in time, we have been in contact with teams based in: Leiden, Newcastle, Cardiff and Costa Rica. We are hoping to set up Skype meeting with them in the near future. | ||
</p> | </p> | ||
</div> | </div> |
Revision as of 22:41, 6 October 2016