@rizom/site-rizom-work 0.2.0-alpha.142

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.
Files changed (28) hide show
  1. package/package.json +42 -0
  2. package/src/index.ts +1 -0
  3. package/src/layout.tsx +82 -0
  4. package/src/link-targets.tsx +25 -0
  5. package/src/routes.ts +61 -0
  6. package/src/sections/bridge/layout.tsx +31 -0
  7. package/src/sections/bridge/schema.ts +11 -0
  8. package/src/sections/closer/layout.tsx +50 -0
  9. package/src/sections/closer/schema.ts +13 -0
  10. package/src/sections/credibility/layout.tsx +45 -0
  11. package/src/sections/credibility/schema.ts +10 -0
  12. package/src/sections/hero/layout.tsx +170 -0
  13. package/src/sections/hero/schema.ts +20 -0
  14. package/src/sections/ownership/layout.tsx +76 -0
  15. package/src/sections/ownership/schema.ts +11 -0
  16. package/src/sections/personas/layout.tsx +45 -0
  17. package/src/sections/personas/schema.ts +16 -0
  18. package/src/sections/problem/layout.tsx +30 -0
  19. package/src/sections/problem/schema.ts +10 -0
  20. package/src/sections/proof/layout.tsx +124 -0
  21. package/src/sections/proof/schema.ts +14 -0
  22. package/src/sections/styles.ts +16 -0
  23. package/src/sections/workshop/layout.tsx +66 -0
  24. package/src/sections/workshop/schema.ts +20 -0
  25. package/src/site-content.ts +227 -0
  26. package/src/site.ts +19 -0
  27. package/src/theme.css +152 -0
  28. package/src/types.d.ts +4 -0
package/src/theme.css ADDED
@@ -0,0 +1,152 @@
1
+ @import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,300..800;1,300..800&family=Barlow:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Space+Grotesk:wght@400;500;600;700&display=swap");
2
+
3
+ @layer theme {
4
+ :root {
5
+ --color-work-diagnostic-bg: linear-gradient(
6
+ 180deg,
7
+ rgb(22 16 40 / 0.97) 0%,
8
+ rgb(14 10 26 / 0.97) 100%
9
+ );
10
+ --color-work-diagnostic-bar: linear-gradient(
11
+ 90deg,
12
+ transparent,
13
+ var(--color-accent) 25%,
14
+ var(--palette-amber-light) 50%,
15
+ var(--color-accent) 75%,
16
+ transparent
17
+ );
18
+ --color-work-diagnostic-shadow:
19
+ 0 32px 80px -24px rgb(0 0 0 / 0.7),
20
+ 0 0 0 1px rgb(255 255 255 / 0.03) inset,
21
+ 0 1px 0 rgb(255 255 255 / 0.06) inset;
22
+ --color-work-diagnostic-label: var(--palette-amber-light);
23
+ --color-work-divider-soft: rgb(from var(--color-text) r g b / 0.1);
24
+ --color-work-divider-strong: rgb(from var(--color-text) r g b / 0.12);
25
+ }
26
+
27
+ [data-theme="light"] {
28
+ --color-work-diagnostic-bg: linear-gradient(
29
+ 180deg,
30
+ rgb(248 244 236 / 0.97) 0%,
31
+ rgb(242 238 232 / 0.97) 100%
32
+ );
33
+ --color-work-diagnostic-shadow:
34
+ 0 32px 80px -24px rgb(26 22 37 / 0.2),
35
+ inset 0 1px 0 rgb(255 255 255 / 0.6);
36
+ --color-work-diagnostic-label: var(--color-accent);
37
+ }
38
+ }
39
+
40
+ @layer theme-override {
41
+ .rizom-diagnostic-panel {
42
+ background-image: var(--color-work-diagnostic-bg);
43
+ backdrop-filter: blur(14px);
44
+ -webkit-backdrop-filter: blur(14px);
45
+ box-shadow: var(--color-work-diagnostic-shadow);
46
+ }
47
+
48
+ .rizom-diagnostic-panel::before {
49
+ content: "";
50
+ position: absolute;
51
+ inset: 0;
52
+ pointer-events: none;
53
+ opacity: 0.06;
54
+ mix-blend-mode: overlay;
55
+ border-radius: inherit;
56
+ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1.4 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
57
+ background-size: 220px 220px;
58
+ }
59
+
60
+ [data-theme="light"] .rizom-diagnostic-panel::before {
61
+ mix-blend-mode: multiply;
62
+ opacity: 0.05;
63
+ }
64
+
65
+ .rizom-diagnostic-panel > * {
66
+ position: relative;
67
+ z-index: 1;
68
+ }
69
+
70
+ .rizom-diagnostic-panel-bar {
71
+ background-image: var(--color-work-diagnostic-bar);
72
+ }
73
+
74
+ [data-theme="light"] .rizom-diagnostic-panel {
75
+ border-color: rgb(from var(--color-accent) r g b / 0.32);
76
+ }
77
+
78
+ [data-theme="light"] .rizom-diagnostic-panel > div:not(.rizom-diagnostic-panel-bar) {
79
+ border-color: rgb(from var(--color-text) r g b / 0.14);
80
+ }
81
+
82
+ [data-theme="light"] .rizom-diagnostic-panel svg polygon.fill-none {
83
+ stroke: rgb(from var(--color-text) r g b / 0.14);
84
+ }
85
+
86
+ [data-theme="light"] .rizom-diagnostic-panel svg line {
87
+ stroke: rgb(from var(--color-text) r g b / 0.1);
88
+ }
89
+
90
+ [data-theme="light"] .rizom-diagnostic-panel svg text {
91
+ fill: rgb(from var(--color-text) r g b / 0.68);
92
+ }
93
+
94
+ [data-theme="light"] .rizom-diagnostic-panel svg circle {
95
+ fill: var(--color-text);
96
+ stroke: var(--color-bg);
97
+ }
98
+
99
+ [data-theme="light"] .rizom-diagnostic-panel li,
100
+ [data-theme="light"] .rizom-diagnostic-panel a {
101
+ color: rgb(from var(--color-text) r g b / 0.78);
102
+ }
103
+
104
+ [data-theme="light"] .rizom-diagnostic-panel li span:first-child,
105
+ [data-theme="light"] .rizom-diagnostic-panel span.text-theme-light {
106
+ color: rgb(from var(--color-text) r g b / 0.52);
107
+ }
108
+
109
+ [data-theme="light"] .rizom-diagnostic-panel a {
110
+ border-color: rgb(from var(--color-text) r g b / 0.18);
111
+ }
112
+
113
+ [data-theme="light"] .rizom-diagnostic-panel a:hover {
114
+ background: rgb(from var(--color-text) r g b / 0.04);
115
+ border-color: rgb(from var(--color-text) r g b / 0.35);
116
+ color: var(--color-text);
117
+ }
118
+ }
119
+
120
+ @keyframes rizom-work-rotator-reveal {
121
+ 0% {
122
+ opacity: 0;
123
+ transform: translateY(16px);
124
+ filter: blur(6px);
125
+ }
126
+ 6%,
127
+ 28% {
128
+ opacity: 1;
129
+ transform: translateY(0);
130
+ filter: blur(0);
131
+ }
132
+ 34%,
133
+ 100% {
134
+ opacity: 0;
135
+ transform: translateY(-12px);
136
+ filter: blur(5px);
137
+ }
138
+ }
139
+
140
+ @keyframes rizom-work-rotator-progress {
141
+ 0% {
142
+ transform: translateX(-100%);
143
+ }
144
+ 6%,
145
+ 28% {
146
+ transform: translateX(0);
147
+ }
148
+ 34%,
149
+ 100% {
150
+ transform: translateX(100%);
151
+ }
152
+ }
package/src/types.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ declare module "*.css" {
2
+ const content: string;
3
+ export default content;
4
+ }