Skip to content

Commit

Permalink
fixed the framework section, other tweaks.
Browse files Browse the repository at this point in the history
  • Loading branch information
adumesny committed Apr 13, 2024
1 parent 6081bc2 commit ce38222
Showing 1 changed file with 6 additions and 32 deletions.
38 changes: 6 additions & 32 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -61,12 +61,6 @@
href="https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&family=Urbanist:wght@100;200;300;400;500;600;700;800;900&display=swap"
rel="stylesheet"
/>

<!-- Bootstrap core CSS -->
<!-- <link
href="https://bootswatch.com/4/yeti/bootstrap.min.css"
rel="stylesheet"
/> -->
<!-- ICONS -->
<link
rel="stylesheet"
Expand Down Expand Up @@ -191,11 +185,9 @@
}

/* End grid style */

.card {
background: none;
}

.grid-stack-item-removing {
opacity: 0.8;
filter: blur(5px);
Expand All @@ -205,13 +197,6 @@
margin-top: 32px;
}
}

/* #trash {
background-color: #cc6857;
}
.newWidget > .grid-stack-item-content {
background-color: #6cad84;
} */
</style>
</head>

Expand All @@ -234,7 +219,6 @@
</a>
<!-- End logo -->
<!-- Mobile menu button -->

<input type="checkbox" id="menu-btn" class="hidden peer" />
<label for="menu-btn" class="block cursor-pointer md:hidden">
<svg
Expand Down Expand Up @@ -330,7 +314,6 @@
<!-- Hero Section -->
<section>
<div class="gradient-background -z-10"></div>

<div class="z-50 pt-40 mb-48 text-center">
<!-- Version badge -->
<div
Expand All @@ -353,7 +336,7 @@
d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"
></path>
</svg>
<p>Current version | v10.2.0</p>
<p>Current version | v10.1.2</p>
</div>
<h1
class="mt-6 text-6xl font-semibold tracking-tighter text-gray-800 sm:text-7xl"
Expand Down Expand Up @@ -417,23 +400,21 @@
</p>
<h2 class="mt-4 text-4xl font-medium">Framework Agnostic</h2>
<p class="mt-4 font-light">
The framework is designed to be used with any PHP framework. It is a set
of tools that can be used to build a custom application. The framework
is designed to be used with any PHP framework. It is a set of tools that
can be used to build a custom application.
gridstack.js is a modern pure Typescript library, with no external dependencies, that can work with any framework.
It comes bundled with an Angular wrapper, and include many React|Vue examples (wrapper coming soon) as well as others.
</p>
<ul class="grid grid-cols-1 gap-8 mt-8 md:grid-cols-2">
<li class="flex items-center gap-4">
<i
class="inline-flex items-center justify-center bg-gray-100 rounded-full devicon-laravel-plain icon size-8"
></i>
<p class="">Vanilla JS</p>
<p class="">Pure Typescript</p>
</li>
<li class="flex items-center gap-4">
<i
class="inline-flex items-center justify-center bg-gray-100 rounded-full devicon-angularjs-plain icon size-8"
></i>
<p class="">Angular</p>
<p class="">Angular (included)</p>
</li>
<li class="flex items-center gap-4">
<i
Expand All @@ -447,12 +428,6 @@ <h2 class="mt-4 text-4xl font-medium">Framework Agnostic</h2>
></i>
<p class="">Vue</p>
</li>
<li class="flex items-center gap-4">
<i
class="inline-flex items-center justify-center bg-gray-100 rounded-full devicon-laravel-plain icon size-8"
></i>
<p class="">Laravel</p>
</li>
<li class="flex items-center gap-4">
<p class="">And many more...</p>
</li>
Expand Down Expand Up @@ -845,8 +820,7 @@ <h3 class="text-base text-black">Join the community</h3>
class="flex flex-col pt-12 md:flex-row md:items-center md:justify-between"
>
<span class="text-sm font-medium text-gray-500">
Copyright ©2019-2020 gridstack.js is open source software
maintained by
Copyright ©2019-2024 gridstack.js is open source software maintained by
<a
aria-label="Gridstack.js team"
href="https://github.com/gridstack/gridstack.js#the-team"
Expand Down

0 comments on commit ce38222

Please sign in to comment.