-
-
Notifications
You must be signed in to change notification settings - Fork 1
/
timeline.html
60 lines (54 loc) · 4.04 KB
/
timeline.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
---
layout: page
title: 'Timeline'
subtitle: My way to glory
published: true
---
<link rel="stylesheet" href="css/timeline.css">
<div class="cd-timeline js-cd-timeline">
<svg viewBox="0 0 1687 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<path fill="rgba(255, 255, 255, 1)" d="M 0 200 C 85.4 200 768.6 110 854 110 L 854 110 L 854 0 L 0 0 Z" stroke-width="0"></path>
<path fill="rgba(255, 255, 255, 1)" d="M 853 110 C 936.4 110 1603.6 200 1687 200 L 1687 200 L 1687 0 L 853 0 Z" stroke-width="0"></path>
</svg>
<div class="container max-width-lg cd-timeline__container">
<!------------------------------------------------------------------------------------------------>
<div class="cd-timeline__block">
<div class="cd-timeline__img cd-timeline__img--picture">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="bullhorn" class="svg-inline--fa fa-bullhorn fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="white" d="M576 240c0-23.63-12.95-44.04-32-55.12V32.01C544 23.26 537.02 0 512 0c-7.12 0-14.19 2.38-19.98 7.02l-85.03 68.03C364.28 109.19 310.66 128 256 128H64c-35.35 0-64 28.65-64 64v96c0 35.35 28.65 64 64 64h33.7c-1.39 10.48-2.18 21.14-2.18 32 0 39.77 9.26 77.35 25.56 110.94 5.19 10.69 16.52 17.06 28.4 17.06h74.28c26.05 0 41.69-29.84 25.9-50.56-16.4-21.52-26.15-48.36-26.15-77.44 0-11.11 1.62-21.79 4.41-32H256c54.66 0 108.28 18.81 150.98 52.95l85.03 68.03a32.023 32.023 0 0 0 19.98 7.02c24.92 0 32-22.78 32-32V295.13C563.05 284.04 576 263.63 576 240zm-96 141.42l-33.05-26.44C392.95 311.78 325.12 288 256 288v-96c69.12 0 136.95-23.78 190.95-66.98L480 98.58v282.84z"></path>
</svg>
</div>
<div class="cd-timeline__content text-component">
<span class="cd-timeline__tag-left">Research</span>
<span class="cd-timeline__time-right ">January 14, 2020</span>
<p class="color-contrast-high">Successfully defended my PhD</p>
<figure style="padding-bottom: 15px">
<img src="img/posts/2018/codecode_cover.png" alt="Image description">
</figure>
<div class="flex justify-between items-center">
<a href="#" target="_blank" rel="noopener noreferrer">Check it out</a>
</div>
</div>
</div>
<!------------------------------------------------------------------------------------------------>
<div class="cd-timeline__block">
<div class="cd-timeline__img cd-timeline__img--movie">
<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="video" class="svg-inline--fa fa-video fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">
<path fill="white" d="M336.2 64H47.8C21.4 64 0 85.4 0 111.8v288.4C0 426.6 21.4 448 47.8 448h288.4c26.4 0 47.8-21.4 47.8-47.8V111.8c0-26.4-21.4-47.8-47.8-47.8zm189.4 37.7L416 177.3v157.4l109.6 75.5c21.2 14.6 50.4-.3 50.4-25.8V127.5c0-25.4-29.1-40.4-50.4-25.8z"></path>
</svg>
</div>
<div class="cd-timeline__content text-component">
<span class="cd-timeline__tag-right">Media</span>
<span class="cd-timeline__time-left ">January 8, 2020</span>
<p class="color-contrast-high">Published a research paper</p>
<div class="flex justify-between items-center">
<a href="#" target="_blank" rel="noopener noreferrer">Check it out</a>
</div>
</div>
</div>
</div>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320">
<path fill="#ffffff" fill-opacity="1" d="M0,64L40,58.7C80,53,160,43,240,69.3C320,96,400,160,480,165.3C560,171,640,117,720,128C800,139,880,213,960,229.3C1040,245,1120,203,1200,170.7C1280,139,1360,117,1400,106.7L1440,96L1440,320L1400,320C1360,320,1280,320,1200,320C1120,320,1040,320,960,320C880,320,800,320,720,320C640,320,560,320,480,320C400,320,320,320,240,320C160,320,80,320,40,320L0,320Z"></path>
</svg>
</div>
<script src="js/timeline.js"></script>