48c839d927
This is the snapshot the production landing site (nibiru-framework.com) is deployed from. Brings together the recent splash + docs migration to the v4 "Cosmos" design system, the new in-framework AI module, and the framework groundwork that backs the framework-reference extraction. What lands: - docs/: Astro + Starlight site with the v4 dark cosmic palette, GalaxyHero canvas constellation, Mission Control chat (wired to /api/oracle → api.neuronetz.ai via providers.mjs Ollama), 5-panel MMVC stage (Model · AI · Module · Controller · View), translated EN/DE/JA/ES/FR content, PWA + sitemap + llms.txt + Umami analytics. - docs/design-system/: canonical mockup bundle (source/index-v2.html for splash, source/docs-system.html + preview/ for docs, SPEC.md, tokens). - docs/scripts/extraction/framework-reference-v2.md: deep framework reference (~1.6k lines, file:line citations, every public factory and idiom — basis for the LoRA training corpus. - application/module/ai/: AI module with chat / embed / RAG / agent plugins, plus pdoQuery / httpGet / fileRead tools and Modelfile + smoke-test in training/. - application/module/users/: user / ACL / form-factory traits used as the reference plugin pattern for the framework docs. - application/settings/config/database/: schema + seed migrations including the AI module tables (200–203). - Form factory + autogenerator changes the framework-reference-v2 covers. Production secrets stay out: docs/.env, settings.production.ini and ai.production.ini are all gitignored (.example files are in tree). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
117 lines
1.7 KiB
Plaintext
117 lines
1.7 KiB
Plaintext
// Blog
|
|
|
|
.blog{
|
|
|
|
}
|
|
|
|
.blog-grid{
|
|
margin-bottom: 60px;
|
|
}
|
|
|
|
.blog-grid-image{
|
|
margin-bottom: 15px;
|
|
position: relative;
|
|
overflow: hidden;
|
|
line-height: 0;
|
|
|
|
img{
|
|
max-width: 100%;
|
|
}
|
|
|
|
|
|
&:before, &:after{
|
|
content: '';
|
|
display: block;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
background-color: white;
|
|
.transform(translateX(-50%) translateY(-50%));
|
|
z-index: 5;
|
|
}
|
|
|
|
&:before{
|
|
width: 2px;
|
|
height: 0;
|
|
-webkit-transition: height .25s ease;
|
|
-moz-transition: height .25s ease;
|
|
-ms-transition: height .25s ease;
|
|
-o-transition: height .25s ease;
|
|
transition: height .25s ease;
|
|
}
|
|
|
|
&:after{
|
|
width: 0;
|
|
height: 2px;
|
|
-webkit-transition: width .25s ease;
|
|
-moz-transition: width .25s ease;
|
|
-ms-transition: width .25s ease;
|
|
-o-transition: width .25s ease;
|
|
transition: width .25s ease;
|
|
}
|
|
|
|
&:hover:before{
|
|
height: 40px;
|
|
}
|
|
|
|
&:hover:after{
|
|
width: 40px;
|
|
}
|
|
|
|
}
|
|
|
|
.blog-grid-image-over{
|
|
background-color: rgba(0, 0, 0, 0.6);
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 2;
|
|
.transition(opacity);
|
|
|
|
.blog-grid-image:hover &{
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.blog-grid-title{
|
|
margin-bottom: 10px;
|
|
.fz(21);
|
|
line-height: 1.4;
|
|
|
|
a{
|
|
text-decoration: none;
|
|
}
|
|
}
|
|
|
|
.blog-grid-excerpt{
|
|
.fz(15);
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.blog-grid-meta{
|
|
margin-bottom: 10px;
|
|
font-size: 13px;
|
|
color: @color_grey;
|
|
font-weight: @font_light;
|
|
line-height: 1.4;
|
|
position: relative;
|
|
|
|
&:after{
|
|
clear: both;
|
|
display: block;
|
|
content: '';
|
|
}
|
|
}
|
|
|
|
.blog-grid-date{
|
|
|
|
}
|
|
|
|
.blog-grid-author{
|
|
display: block;
|
|
} |