DerayGa.github.io/index.html at master · DerayGa/DerayGa.github.io · GitHub

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
<!DOCTYPE html>
<html>

<head>
    <title>Deray嘎嘎嘎</title>
    <meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <meta property="og:image" content="https://derayga.github.io/image/tibet7.jpg">
    <meta property="og:title" content="Deray 嘎嘎嘎 單車旅行">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">
    <link type='text/css' rel='stylesheet' href='./css/index.css' />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css" />
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
    <link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
    <link rel="manifest" href="/favicon/manifest.json">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.1.1/masonry.pkgd.min.js"></script>
    <script src='./js/index.js'></script>
</head>

<body>
    <div class="hero-image">
        <div class="hero-text">
            <h1>Deray嘎嘎嘎</h1>
            <p>單車遊記</p>
        </div>
    </div>
    <div class="grid">
        <div class="grid-item">
            <a href="//deray.org/thai">
                <div class="cycler">
                    <img class="active" src="image/thai.jpg" alt="thai" onload="loadImage(this, 10)" />
                </div>
                <div class="caption bike"></div>
                <span class="label">泰國</span>
                <span class="year">2020年</span>
            </a>
        </div>
        <div class="grid-item">
            <a href="//deray.org/henro">
                <div class="cycler">
                    <img class="active" src="image/henro.jpg" alt="henro" onload="loadImage(this, 6)" />
                </div>
                <div class="caption bike"></div>
                <span class="label">四國遍路</span>
                <span class="year">2017年</span>
            </a>
        </div>
        <div class="grid-item">
            <a href="//nippon.deray.org">
                <div class="cycler">
                    <img class="active" src="image/nippon.jpg" alt="nippon" onload="loadImage(this, 6)" />
                </div>
                <div class="caption bike"></div>
                <span class="label">日本</span>
                <span class="year">2015年</span>
            </a>
        </div>
        <div class="grid-item">
            <a href="//deray.org/tibet">
                <div class="cycler">
                    <img class="active" src="image/tibet.jpg" alt="tibet" onload="loadImage(this, 9)" />
                </div>
                <div class="caption bike"></div>
                <span class="label">西藏-青藏線</span>
                <span class="year">2013年</span>
            </a>
        </div>
        <div class="grid-item">
            <a href="//btp.deray.org">
                <div class="cycler">
                    <img class="active" src="image/btp.jpg" alt="btp" onload="loadImage(this, 15)" />
                </div>
                <div class="caption bike"></div>
                <span class="label">北京到巴黎</span>
                <span class="year">2007年</span>
            </a>
        </div>
        <div class="grid-item">
            <a href="//france.deray.org">
                <div class="cycler">
                    <img class="active" src="image/france.jpg" alt="france" onload="loadImage(this, 2)" />
                </div>
                <div class="caption bike"></div>
                <span class="label">法國</span>
                <span class="year">2005年</span>
            </a>
        </div>
        <div class="grid-item">
            <a href="//deray.org/taiwan">
                <img src="image/taiwan.jpg">
                <div class="caption bike"></div>
                <span class="label">台灣</span>
                <span class="year">2003年</span>
            </a>
        </div>
    </div>
    <footer>
        <p>人～要有夢想．心才不會老。要勇於實現夢想．你才會知道：其實自己好棒！</p>
    </footer>
</body>
</html>