@itayzrihan/create-box-app 1.0.4 → 1.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/template/src/main.box +0 -2
- package/template/src/welcome.box +0 -82
package/package.json
CHANGED
package/template/src/main.box
CHANGED
package/template/src/welcome.box
DELETED
|
@@ -1,82 +0,0 @@
|
|
|
1
|
-
<style>
|
|
2
|
-
.welcome {
|
|
3
|
-
text-align: center;
|
|
4
|
-
padding: 3rem 2rem;
|
|
5
|
-
min-height: 100vh;
|
|
6
|
-
display: flex;
|
|
7
|
-
flex-direction: column;
|
|
8
|
-
justify-content: center;
|
|
9
|
-
align-items: center;
|
|
10
|
-
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
11
|
-
color: white;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.welcome-title {
|
|
15
|
-
font-size: 3.5rem;
|
|
16
|
-
font-weight: bold;
|
|
17
|
-
margin-bottom: 1rem;
|
|
18
|
-
text-shadow: 0 2px 10px rgba(0,0,0,0.2);
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
.welcome-subtitle {
|
|
22
|
-
font-size: 1.25rem;
|
|
23
|
-
margin-bottom: 2rem;
|
|
24
|
-
opacity: 0.95;
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
.welcome-box {
|
|
28
|
-
background: rgba(255, 255, 255, 0.1);
|
|
29
|
-
backdrop-filter: blur(10px);
|
|
30
|
-
padding: 2rem;
|
|
31
|
-
border-radius: 16px;
|
|
32
|
-
border: 1px solid rgba(255, 255, 255, 0.2);
|
|
33
|
-
max-width: 600px;
|
|
34
|
-
margin: 2rem 0;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.welcome-text {
|
|
38
|
-
font-size: 1rem;
|
|
39
|
-
line-height: 1.6;
|
|
40
|
-
}
|
|
41
|
-
|
|
42
|
-
.welcome-link {
|
|
43
|
-
display: inline-block;
|
|
44
|
-
margin-top: 1.5rem;
|
|
45
|
-
padding: 0.75rem 1.5rem;
|
|
46
|
-
background: white;
|
|
47
|
-
color: #667eea;
|
|
48
|
-
text-decoration: none;
|
|
49
|
-
border-radius: 8px;
|
|
50
|
-
font-weight: 600;
|
|
51
|
-
transition: transform 0.2s;
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
.welcome-link:hover {
|
|
55
|
-
transform: scale(1.05);
|
|
56
|
-
}
|
|
57
|
-
</style>
|
|
58
|
-
|
|
59
|
-
<template>
|
|
60
|
-
<div class="welcome">
|
|
61
|
-
<h1 class="welcome-title">Welcome to BOX 📦</h1>
|
|
62
|
-
<p class="welcome-subtitle">A zero-dependency, full-stack framework</p>
|
|
63
|
-
|
|
64
|
-
<div class="welcome-box">
|
|
65
|
-
<p class="welcome-text">
|
|
66
|
-
Your BOX project is ready! Edit <strong>src/main.box</strong> to get started.
|
|
67
|
-
</p>
|
|
68
|
-
<p class="welcome-text">
|
|
69
|
-
This welcome component demonstrates the power of reactive state management.
|
|
70
|
-
</p>
|
|
71
|
-
<a href="https://github.com/itayzrihan/box" class="welcome-link">
|
|
72
|
-
Learn More →
|
|
73
|
-
</a>
|
|
74
|
-
</div>
|
|
75
|
-
</div>
|
|
76
|
-
</template>
|
|
77
|
-
|
|
78
|
-
<script>
|
|
79
|
-
console.log('🎉 Welcome component loaded!');
|
|
80
|
-
console.log('💡 Tip: Run "npm run dev" to start the dev server');
|
|
81
|
-
console.log('📚 Read the docs: https://github.com/itayzrihan/box#readme');
|
|
82
|
-
</script>
|