WildFrog/index.html at main · rain2day/WildFrog · 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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!doctype html>
<html lang="zh-Hant-HK">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>WildFrog Support</title>
    <link rel="canonical" href="https://wildfrog.rainsday.com/" />
    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
    <meta name="description" content="WildFrog support, privacy policy, and terms of use." />
    <meta property="og:title" content="WildFrog Support" />
    <meta property="og:url" content="https://wildfrog.rainsday.com/" />
    <meta property="og:type" content="website" />
    <style>
      :root {
        color-scheme: light;
        --bg: #f6f0df;
        --paper: #fffaf0;
        --ink: #17251b;
        --muted: #667061;
        --moss: #517a31;
        --forest: #103c24;
        --orange: #f28c28;
        --line: rgba(23, 37, 27, 0.14);
      }

      * {
        box-sizing: border-box;
      }

      body {
        margin: 0;
        background:
          radial-gradient(circle at 18% 0%, rgba(242, 140, 40, 0.22), transparent 28rem),
          radial-gradient(circle at 86% 8%, rgba(81, 122, 49, 0.18), transparent 24rem),
          linear-gradient(180deg, var(--paper), var(--bg));
        color: var(--ink);
        font-family:
          ui-sans-serif,
          -apple-system,
          BlinkMacSystemFont,
          "Segoe UI",
          "PingFang HK",
          "Noto Sans TC",
          sans-serif;
        line-height: 1.65;
        min-height: 100vh;
      }

      main {
        margin: 0 auto;
        max-width: 920px;
        padding: 56px 20px 76px;
      }

      header {
        border-bottom: 1px solid var(--line);
        margin-bottom: 28px;
        padding-bottom: 28px;
      }

      .eyebrow {
        color: var(--moss);
        font-size: 0.82rem;
        font-weight: 900;
        letter-spacing: 0.1em;
        text-transform: uppercase;
      }

      h1 {
        color: var(--forest);
        font-size: clamp(2.4rem, 8vw, 5rem);
        letter-spacing: 0;
        line-height: 1;
        margin: 10px 0 12px;
      }

      p {
        color: var(--muted);
        margin: 0 0 12px;
      }

      nav {
        display: grid;
        gap: 12px;
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      }

      a.card {
        background: rgba(255, 250, 240, 0.88);
        border: 1px solid var(--line);
        border-radius: 8px;
        color: var(--ink);
        padding: 20px;
        text-decoration: none;
      }

      a.card strong {
        color: var(--forest);
        display: block;
        font-size: 1.1rem;
        margin-bottom: 6px;
      }

      a.card span {
        color: var(--muted);
        display: block;
      }

      .contact {
        border-top: 1px solid var(--line);
        margin-top: 34px;
        padding-top: 22px;
      }

      .contact a {
        color: var(--moss);
        font-weight: 800;
      }
    </style>
  </head>
  <body>
    <main>
      <header>
        <div class="eyebrow">WildFrog</div>
        <h1>Support</h1>
        <p>WildFrog is a Hong Kong mountain check-in and hike recording app by rainsday.</p>
        <p>For App Store review, support, privacy, and terms information is available below.</p>
      </header>

      <nav aria-label="WildFrog legal and support links">
        <a class="card" href="/support/">
          <strong>Support</strong>
          <span>Contact and basic troubleshooting.</span>
        </a>
        <a class="card" href="/privacy/">
          <strong>Privacy Policy</strong>
          <span>How WildFrog handles accounts, check-ins, photos, location, and hike records.</span>
        </a>
        <a class="card" href="/terms/">
          <strong>Terms of Use</strong>
          <span>Rules for using WildFrog and important hiking safety notes.</span>
        </a>
      </nav>

      <p class="contact">
        Contact:
        <a href="mailto:support@rainsday.com">support@rainsday.com</a>
      </p>
    </main>
  </body>
</html>