Skip to content

Commit

Permalink
✨ feat: More doc updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@Spiderpig86
Spiderpig86 committed Feb 5, 2025
1 parent a251f01 commit f8ec528
Show file tree
Hide file tree
Showing 2 changed files with 34 additions and 44 deletions.
3 changes: 1 addition & 2 deletions cirrus-docs-next/constants/playground.ts
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
export const PLAYGROUND_ENDPOINT_MAP: Map<string, string> = new Map([
['Latest Build', 'https://raw.githack.com/Spiderpig86/Cirrus/master/dist/cirrus-all.min.css'],
['0.8.0 Next', 'https://raw.githack.com/Spiderpig86/Cirrus/master/next/dist/cirrus-all.min.css'],
['Latest Build', 'https://raw.githack.com/Spiderpig86/Cirrus/master/dist/cirrus.min.css'],
['0.7.2', 'https://cdn.jsdelivr.net/npm/cirrus-ui@0.7.2/dist/cirrus-all.min.css'],
['0.7.1', 'https://cdn.jsdelivr.net/npm/cirrus-ui@0.7.1/dist/cirrus-all.min.css'],
['0.7.0', 'https://cdn.jsdelivr.net/npm/cirrus-ui@0.7.0/dist/cirrus-all.min.css'],
Expand Down
75 changes: 33 additions & 42 deletions cirrus-docs-next/src/docs/index.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -17,36 +17,36 @@ import { ECommerceCard } from '../index/components';
export const DocsPage: React.FC<any> = (props) => {
// TODO: Move to constants
const data = [
{
id: 'Cirrus',
memory: 20.6,
color: '#f03d4d',
},
{
id: 'Bootstrap',
memory: 22.4,
memory: 31.2,
color: '#7952b3',
},
{
id: 'Bulma',
memory: 26.9,
color: '#01d1b2',
id: 'Cirrus',
memory: 31.6,
color: '#f03d4d',
},
{
id: 'Foundation',
memory: 32.1,
memory: 38.5,
color: '#8fd3ff',
},
{
id: 'Tailwind',
memory: 74.3,
color: '#9c27b0',
id: 'Bulma',
memory: 65.9,
color: '#01d1b2',
},
{
id: 'Semantic UI',
memory: 79.6,
memory: 102.3,
color: '#35bdb2',
},
{
id: 'Tailwind',
memory: 123.36,
color: '#9c27b0',
},
];

return (
Expand Down Expand Up @@ -429,7 +429,7 @@ export const DocsPage: React.FC<any> = (props) => {
<p>
Cirrus comes with lots of functionality in a small package which only consists of a
single minified CSS file. <b>No extra JS libraries required</b>. Coming in at{' '}
<b>20.6 KB with Brotli compression</b>, page loads are fast and data usage is minimal.
<b>31.6 KB with Gzip compression</b>, page loads are fast and data usage is minimal.
</p>

{/* TODO MOVE TO NEW FILE */}
Expand Down Expand Up @@ -482,54 +482,45 @@ export const DocsPage: React.FC<any> = (props) => {
<th>Framework</th>
<th>Minified</th>
<th>Gzip</th>
<th>Brotli</th>
</tr>
</thead>
<tbody>
<tr>
<td>Semantic UI</td>
<td>628.5kb</td>
<td>102.3kb</td>
<td className="bg-green-100">79.6kb</td>
</tr>
<tr>
<td>Tailwind</td>
<td>2927.5kb</td>
<td>297.4kb</td>
<td className="bg-green-200">74.3kb</td>
<td>Tailwind CDN</td>
<td>407.65kb</td>
<td className="bg-green-100">123.36kb</td>
</tr>
<tr>
<td>Foundation</td>
<td>182.0kb</td>
<td>38.5kb</td>
<td className="bg-green-300">32.1kb</td>
<td>Semantic UI</td>
<td>628.5kb</td>
<td className="bg-green-200">102.3kb</td>
</tr>
<tr>
<td>Bulma</td>
<td>206.6kb</td>
<td>27.5kb</td>
<td className="bg-green-400">26.9kb</td>
<td className="bg-green-300">65.9kb</td>
</tr>
<tr>
<td>Bootstrap</td>
<td>155.6kb</td>
<td>23kb</td>
<td className="bg-green-500">22.4kb</td>
<td>Foundation</td>
<td>182.0kb</td>
<td className="bg-green-400">38.5kb</td>
</tr>
<tr className="">
<td>
<b>Cirrus</b>
</td>
<td>
<b>198kb</b>
</td>
<td>
<b>30.4kb</b>
<b>223kb</b>
</td>
<td className="bg-green-600 text-white">
<b>20.6kb</b>
<td className="bg-green-500">
<b>31.6kb</b>
</td>
</tr>
<tr>
<td>Bootstrap</td>
<td>155.6kb</td>
<td className="bg-green-600 text-white">31.2kb</td>
</tr>
</tbody>
</table>
</section>
Expand Down

0 comments on commit f8ec528

Please sign in to comment.