summaryrefslogtreecommitdiffstats
path: root/test
diff options
context:
space:
mode:
Diffstat (limited to 'test')
-rw-r--r--test/example-website/about.html42
-rw-r--r--test/example-website/index.html46
-rw-r--r--test/example-website/style.css156
3 files changed, 244 insertions, 0 deletions
diff --git a/test/example-website/about.html b/test/example-website/about.html
new file mode 100644
index 0000000..93cba92
--- /dev/null
+++ b/test/example-website/about.html
@@ -0,0 +1,42 @@
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>About - Deploy Test</title>
7 <link rel="stylesheet" href="style.css">
8</head>
9<body>
10 <header>
11 <nav>
12 <h1>Deploy Test</h1>
13 <ul>
14 <li><a href="index.html">Home</a></li>
15 <li><a href="about.html">About</a></li>
16 </ul>
17 </nav>
18 </header>
19
20 <main>
21 <section class="about">
22 <h2>About This Site</h2>
23 <p>This is a test website created to demonstrate the deploy tool's static site deployment capabilities.</p>
24
25 <h3>Features</h3>
26 <ul>
27 <li>Simple HTML/CSS structure</li>
28 <li>Multiple pages for testing navigation</li>
29 <li>Responsive design</li>
30 <li>Clean and minimal styling</li>
31 </ul>
32
33 <h3>Deployment Command</h3>
34 <pre><code>./deploy deploy --host peerfile --static --dir ./test/example-website --domain example.com</code></pre>
35 </section>
36 </main>
37
38 <footer>
39 <p>&copy; 2025 Deploy Test. Built for testing purposes.</p>
40 </footer>
41</body>
42</html>
diff --git a/test/example-website/index.html b/test/example-website/index.html
new file mode 100644
index 0000000..735ae73
--- /dev/null
+++ b/test/example-website/index.html
@@ -0,0 +1,46 @@
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>Example Website - Deploy Test</title>
7 <link rel="stylesheet" href="style.css">
8</head>
9<body>
10 <header>
11 <nav>
12 <h1>Deploy Test</h1>
13 <ul>
14 <li><a href="index.html">Home</a></li>
15 <li><a href="about.html">About</a></li>
16 </ul>
17 </nav>
18 </header>
19
20 <main>
21 <section class="hero">
22 <h2>Welcome to the Example Website</h2>
23 <p>This is a simple static website for testing the deploy tool.</p>
24 </section>
25
26 <section class="features">
27 <div class="feature">
28 <h3>Fast Deployment</h3>
29 <p>Deploy your static sites in seconds with a single command.</p>
30 </div>
31 <div class="feature">
32 <h3>HTTPS Enabled</h3>
33 <p>Automatic SSL certificates with Caddy.</p>
34 </div>
35 <div class="feature">
36 <h3>Simple Management</h3>
37 <p>Easy-to-use CLI for managing your deployments.</p>
38 </div>
39 </section>
40 </main>
41
42 <footer>
43 <p>&copy; 2025 Deploy Test. Built for testing purposes.</p>
44 </footer>
45</body>
46</html>
diff --git a/test/example-website/style.css b/test/example-website/style.css
new file mode 100644
index 0000000..da7fd1c
--- /dev/null
+++ b/test/example-website/style.css
@@ -0,0 +1,156 @@
1* {
2 margin: 0;
3 padding: 0;
4 box-sizing: border-box;
5}
6
7body {
8 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
9 line-height: 1.6;
10 color: #333;
11 background: #f5f5f5;
12}
13
14header {
15 background: #2c3e50;
16 color: white;
17 padding: 1rem 0;
18 box-shadow: 0 2px 5px rgba(0,0,0,0.1);
19}
20
21nav {
22 max-width: 1200px;
23 margin: 0 auto;
24 padding: 0 2rem;
25 display: flex;
26 justify-content: space-between;
27 align-items: center;
28}
29
30nav h1 {
31 font-size: 1.5rem;
32}
33
34nav ul {
35 list-style: none;
36 display: flex;
37 gap: 2rem;
38}
39
40nav a {
41 color: white;
42 text-decoration: none;
43 transition: opacity 0.3s;
44}
45
46nav a:hover {
47 opacity: 0.8;
48}
49
50main {
51 max-width: 1200px;
52 margin: 2rem auto;
53 padding: 0 2rem;
54}
55
56.hero {
57 background: white;
58 padding: 3rem;
59 border-radius: 8px;
60 box-shadow: 0 2px 10px rgba(0,0,0,0.1);
61 text-align: center;
62 margin-bottom: 2rem;
63}
64
65.hero h2 {
66 font-size: 2.5rem;
67 margin-bottom: 1rem;
68 color: #2c3e50;
69}
70
71.hero p {
72 font-size: 1.2rem;
73 color: #666;
74}
75
76.features {
77 display: grid;
78 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
79 gap: 2rem;
80 margin: 2rem 0;
81}
82
83.feature {
84 background: white;
85 padding: 2rem;
86 border-radius: 8px;
87 box-shadow: 0 2px 10px rgba(0,0,0,0.1);
88}
89
90.feature h3 {
91 color: #2c3e50;
92 margin-bottom: 0.5rem;
93}
94
95.feature p {
96 color: #666;
97}
98
99.about {
100 background: white;
101 padding: 3rem;
102 border-radius: 8px;
103 box-shadow: 0 2px 10px rgba(0,0,0,0.1);
104}
105
106.about h2 {
107 color: #2c3e50;
108 margin-bottom: 1rem;
109}
110
111.about h3 {
112 color: #34495e;
113 margin-top: 2rem;
114 margin-bottom: 0.5rem;
115}
116
117.about ul {
118 margin-left: 2rem;
119 margin-bottom: 1rem;
120}
121
122.about pre {
123 background: #f5f5f5;
124 padding: 1rem;
125 border-radius: 4px;
126 overflow-x: auto;
127 margin-top: 1rem;
128}
129
130.about code {
131 font-family: 'Courier New', monospace;
132 font-size: 0.9rem;
133}
134
135footer {
136 background: #2c3e50;
137 color: white;
138 text-align: center;
139 padding: 2rem;
140 margin-top: 4rem;
141}
142
143@media (max-width: 768px) {
144 nav {
145 flex-direction: column;
146 gap: 1rem;
147 }
148
149 .hero h2 {
150 font-size: 2rem;
151 }
152
153 .features {
154 grid-template-columns: 1fr;
155 }
156}