mirrors/django-cotton
1
0
Fork 0
mirror of https://github.com/wrabit/django-cotton.git synced 2025-07-24 09:53:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #29 from wrabit/docs_update

Browse source 
docs update
This commit is contained in:
Will 2024-07-03 08:40:18 +01:00 • committed by GitHub
commit 2ecfb4d9a3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 14 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

12
docs/docs_project/docs_project/templates/cotton/navbar.cotton.html
View file

@ -39,9 +39,15 @@
</svg>
</button>
<a href="/" class="flex item-center items-center">
<c-icons.logo class="w-8 h-8 text-teal-600" />
<span class="font-bold text-2xl ml-1.5 dark:text-gray-100">cotton</span>
<a href="/" class="flex item-center items-center space-x-2">
<div class="flex items-center">
<c-icons.logo class="w-8 h-8 text-teal-600" />
<span class="font-bold text-2xl ml-1.5 dark:text-gray-100">cotton</span>
</div>
<span class="text-white flex items-center space-x-2">
<siv class="text-gray-700 dark:text-white text-sm opacity-50 mt-0.5">for</siv>
<c-icons.django class="h-6 text-teal-600 mt-1.5" />
</span>
</a>
</div>

10
docs/docs_project/docs_project/templates/home.cotton.html
View file

@ -29,7 +29,7 @@
<div class="grid md:grid-cols-2 gap-4">
<div class="col-span-1 flex flex-col overflow-x-auto">
<h2 class="!font-normal !text-xl mb-3 mt-0 text-center"><span class="font-semibold">Before:</span> Verbose, Rigid</h2>
<h2 class="!font-normal !text-xl mb-3 mt-0 text-center"><span class="font-semibold">Before:</span> Strongly Coupled, Verbose</h2>
<div class="flex h-full rounded-xl overflow-hidden">
<c-demo.snippet-tabs labels="'view.html|product_layout.html'" tabs_id="compare">
<div class="flex flex-col h-full" x-show="active === 0">
@ -85,7 +85,7 @@ Item Title
</div>
</div>
<div class="col-span-1 rounded-lg overflow-hidden flex flex-col">
<h2 class="!font-normal !text-xl mb-3 mt-0 text-center"><span class="font-semibold">After:</span> Compact, Re-usable</h2>
<h2 class="!font-normal !text-xl mb-3 mt-0 text-center"><span class="font-semibold">After:</span> Decoupled, Clean &amp; Re-usable</h2>
<div class="flex h-full rounded-xl overflow-hidden">
<c-demo.snippet-tabs labels="'view.cotton.html|product.cotton.html'" tabs_id="compare">
<div class="flex flex-col h-full" x-show="active === 0">
@ -193,15 +193,15 @@ Description of the product
&#123;&#37;
</div>
<div>
<div class="text-xl mb-3 font-semibold dark:text-white">Interoperable Django Templates</div>
<div class="text-xl mb-3 font-semibold dark:text-white">Interoperable with Django Templates</div>
<div class="text-[15px]">Cotton enhances Django templates without replacing them, allowing progressive enhancement while maintaining full use of existing template features.</div>
</div>
</div>
<div class="flex space-x-2 rounded-lg px-8 py-5 dark:border border-gray-700 bg-white shadow-md dark:bg-transparent">
{% heroicon_outline 'code-bracket' class="shrink-0 text-teal-600 w-16 h-16 mr-5 mt-1" stroke_width="1.8" %}
<div>
<div class="text-xl mb-3 font-semibold dark:text-white">Semantic Syntax</div>
<div class="text-[15px]">Cotton's HTML-like syntax allows code editors to recognize its components as HTML elements, enabling features like syntax highlighting and automatic tag closing.</div>
<div class="text-xl mb-3 font-semibold dark:text-white">Enhanced Productivity</div>
<div class="text-[15px]">Cotton's HTML tag-like syntax allows code editors to recognize its components as HTML elements, enabling features like syntax highlighting and automatic tag completion. </div>
</div>
</div>
<div class="flex space-x-2 rounded-lg px-8 py-5 dark:border border-gray-700 bg-white shadow-md dark:bg-transparent">