oeiuwq.com
Modular, context-aware and aspect-oriented dendritic Nix configurations.
Discussions: https://oeiuwq.zulipchat.com/join/nqp26cd4kngon6mo3ncgnuap/
den.oeiuwq.com
configurations
den
dendritic
nix
aspect
oriented
links
+153
-4
+150
-1
docs/src/components/Ad.astro
+150
-1
docs/src/components/Ad.astro
···
1
1
---
2
+
import { LinkButton, Icon } from '@astrojs/starlight/components';
3
+
---
4
+
5
+
<section class="sponsor-card">
6
+
<div class="content">
7
+
<div class="header">
8
+
<Icon name="heart" size="2.5rem" class="heart-icon" />
9
+
<h3><code>vic/den</code>?</h3>
10
+
</div>
11
+
12
+
<LinkButton href="https://dendritic.oeiuwq.com/sponsor" variant="primary">Become a Sponsor</LinkButton>
13
+
14
+
<p class="description">
15
+
den is part of <a href="https://dendritic.oeiuwq.com">@vic's Dendritic Ecosystem</a> — made with love and maintained with passion.
16
+
</p>
17
+
18
+
<ul class="ecosystem">
19
+
<li><a href="https://github.com/vic/import-tree">import-tree</a></li>
20
+
<li><a href="https://github.com/vic/flake-aspects">flake-aspects</a></li>
21
+
<li><a href="https://github.com/vic/with-inputs">with-inputs</a></li>
22
+
<li><a href="https://github.com/vic/flake-file">flake-file</a></li>
23
+
<li><a href="https://github.com/vic/denful">denful</a></li>
24
+
<li><a href="https://github.com/vic/dendrix">dendrix</a></li>
25
+
</ul>
26
+
27
+
</div>
28
+
</section>
29
+
30
+
<style>
31
+
.sponsor-card {
32
+
border-radius: 1rem;
33
+
padding: 2rem 1.5rem;
34
+
margin: 2rem 1rem;
35
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
36
+
transition: all 0.4s ease;
37
+
max-width: 20em;
38
+
}
39
+
40
+
.sponsor-card:hover {
41
+
background: linear-gradient(135deg, #a855f7 0%, #06b6d4 100%);
42
+
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
43
+
transform: translateY(-2px);
44
+
}
45
+
46
+
.content {
47
+
color: white;
48
+
text-align: center;
49
+
}
50
+
51
+
.header {
52
+
display: flex;
53
+
align-items: center;
54
+
justify-content: center;
55
+
gap: 0.75rem;
56
+
margin-bottom: 1rem;
57
+
}
58
+
59
+
.heart-icon {
60
+
animation: pulse 2s ease-in-out infinite;
61
+
}
62
+
63
+
@keyframes pulse {
64
+
0%, 100% {
65
+
opacity: 1;
66
+
}
67
+
50% {
68
+
opacity: 0.7;
69
+
}
70
+
}
71
+
72
+
h3 {
73
+
font-size: 1.5rem;
74
+
font-weight: 700;
75
+
margin: 0;
76
+
letter-spacing: -0.02em;
77
+
}
2
78
3
-
---
79
+
.description {
80
+
font-size: 0.95rem;
81
+
line-height: 1.6;
82
+
margin: 1rem 0 1.5rem 0;
83
+
opacity: 0.95;
84
+
}
85
+
86
+
.description a {
87
+
color: white;
88
+
font-weight: 600;
89
+
text-decoration: underline;
90
+
text-decoration-thickness: 2px;
91
+
text-underline-offset: 4px;
92
+
}
93
+
94
+
.description a:hover {
95
+
opacity: 0.85;
96
+
}
97
+
98
+
.ecosystem {
99
+
list-style: none;
100
+
padding: 0;
101
+
margin: 1.5rem 0;
102
+
display: grid;
103
+
grid-template-columns: repeat(2, 1fr);
104
+
gap: 0.75rem;
105
+
font-size: 0.9rem;
106
+
}
107
+
108
+
.ecosystem li {
109
+
background: rgba(255, 255, 255, 0.15);
110
+
padding: 0.5rem 0.75rem;
111
+
border-radius: 0.5rem;
112
+
backdrop-filter: blur(10px);
113
+
}
114
+
115
+
.ecosystem a {
116
+
color: white;
117
+
text-decoration: none;
118
+
font-weight: 500;
119
+
transition: opacity 0.2s;
120
+
}
121
+
122
+
.ecosystem a:hover {
123
+
opacity: 0.85;
124
+
text-decoration: underline;
125
+
}
126
+
127
+
.cta-button {
128
+
display: inline-flex;
129
+
align-items: center;
130
+
gap: 0.5rem;
131
+
background: rgba(255, 255, 255, 0.25);
132
+
color: white;
133
+
padding: 0.875rem 1.75rem;
134
+
border-radius: 0.75rem;
135
+
font-weight: 600;
136
+
font-size: 1rem;
137
+
text-decoration: none;
138
+
border: 2px solid rgba(255, 255, 255, 0.4);
139
+
transition: all 0.3s ease;
140
+
margin-top: 1rem;
141
+
cursor: pointer;
142
+
}
4
143
144
+
.cta-button:hover {
145
+
background: rgba(255, 255, 255, 0.35);
146
+
border-color: rgba(255, 255, 255, 0.6);
147
+
transform: scale(1.05);
148
+
}
149
+
150
+
.cta-button:active {
151
+
transform: scale(0.98);
152
+
}
153
+
</style>
+2
-2
docs/src/components/SocialIcons.astro
+2
-2
docs/src/components/SocialIcons.astro
···
8
8
9
9
<a href="https://deepwiki.com/vic/den"><img src="https://deepwiki.com/badge.svg" alt="Ask DeepWiki"></a>
10
10
11
-
<a href="https://vic.github.io/dendrix/Dendritic-Ecosystem.html#vics-dendritic-libraries"> <img src="https://img.shields.io/badge/@vic-Dendritic libs-informational?logo=nixos&logoColor=white" alt="Vic Dendritic Nix"/> </a>
11
+
<a href="https://dendritic.oeiuwq.com"> <img src="https://img.shields.io/badge/@vic-Dendritic libs-informational?logo=nixos&logoColor=white" alt="Vic Dendritic Nix"/> </a>
12
12
13
-
<a href="/sponsor"><img src="https://img.shields.io/badge/Sponsor-@vic-white?logo=githubsponsors&logoColor=white" alt="Sponsor Den"/>
13
+
<a href="https://dendritic.oeiuwq.com/sponsor"><img src="https://img.shields.io/badge/Sponsor-@vic-white?logo=githubsponsors&logoColor=white" alt="Sponsor Den"/>
14
14
</a>
15
15
16
16
<Default />