vbacoustic-announcement/index.html at main · clararabold/vbacoustic-announcement · 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
<!doctype html>
<html lang="en">

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>VBAcoustic Web — Coming Soon</title>
    <meta name="description"
        content="VBAcoustic Web — modern browser-based acoustic calculation tools built on the trusted VBAcoustic engine. Coming soon." />
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="styles.css">
</head>

<body>
    <main class="hero">
        <div class="container">
            <header class="brand">
                <svg class="logo-alt" width="48" height="48" viewBox="0 0 24 24" role="img"
                    aria-label="Logo 7: bouncing ceiling">
                    <defs>
                        <!-- gradient for arcs -->
                        <linearGradient id="arcGrad" x1="0" y1="0" x2="1" y2="0">
                            <stop offset="0" stop-color="#10b981" />
                            <stop offset="1" stop-color="#3b82f6" />
                        </linearGradient>
                    </defs>

                    <!-- background -->
                    <rect width="24" height="24" rx="4" fill="white" fill-opacity="0.03" />

                    <!-- two waves (top + one underlayer) -->
                    <g stroke="white" stroke-width="1.3" fill="none" stroke-linecap="round">
                        <path d="M3.5 8.5c2.5-1.4 6-1.4 9.5 0s6.5 1.4 9 0" opacity="1" />
                    </g>
                    <g stroke="url(#arcGrad)" stroke-width="1.6" fill="none" stroke-linecap="round">
                        <path d="M3.5 15.5c3-2 6.5-2 9.5 0s6 2 9 0" opacity="0.85" />
                    </g>

                    <!--  vertical ticks -->
                    <g stroke-linecap="round">
                        <line x1="8" y1="4.2" x2="8" y2="10.2" stroke="#1a9791" stroke-width="2.2" />
                        <line x1="16" y1="6.2" x2="16" y2="13" stroke="#2983bb" stroke-width="2.2" />
                    </g>

                    <!-- accent dots -->
                    <g fill="#fff" fill-opacity="0.95">
                        <circle cx="8" cy="3.6" r="0.8" fill="#1a9791" />
                        <circle cx="16" cy="5.6" r="0.8" fill="#2983bb" />
                    </g>
                </svg>
                <div>
                    <h1 class="title">VBAcoustic Web</h1>
                    <p class="tag">coming soon</p>
                </div>
            </header>

            <section class="hero-content">
                <h2 class="headline">Building on the trusted legacy of VBAcoustic</h2>
                <p class="lead">Our new web application brings the same reliable acoustic calculation tools you know and
                    love — now with the convenience and flexibility of the cloud. The familiar, proven calculation
                    engine
                    is now available in your browser, with a modern, intuitive interface for even easier data entry and
                    the ability to access your projects from anywhere, on any device. VBAcoustic Web is the next step in
                    our journey, designed to make your workflow smoother while preserving the accuracy and dependability
                    of the original VBA solution.
                </p>

                <footer class="foot">
                    <small>© VBAcoustic — Built with ❤️ in Rosenheim</small>
                </footer>
        </div>
    </main>
</body>

</html>