ulivargas/classroomio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: oss-friends page

Browse Source
This commit is contained in:
Rotimi Best
2024-02-04 13:01:26 +01:00
parent ec368e924e
commit 51f188679e
11 changed files with 178 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/classroomio-com/src/lib/Faq/Faq.svelte
+1 -1
View File
@@ -11,7 +11,7 @@
class="lg:px-[20%] mt-4 text-lg lg:text-xl text-gray-500 font-normal tracking-normal lg:tracking-wide"
>
Can’t find the answer you’re looking for?
<a class="text-[#1D4EE2]" href="mailto:help@classroomio.com" target="_blank"
<a class="text-blue-700" href="mailto:help@classroomio.com" target="_blank"
>Shoot us an email</a
> and we’ll get back to you ASAP.
</h3>
apps/classroomio-com/src/lib/Footer/Footer.svelte
+4 -1
View File
@@ -47,7 +47,7 @@
</div>
<nav
class="flex justify-between items-start flex-col lg:flex-row w-full lg:w-2/4 pr-[5%] mt-16 lg:mt-0 space-y-6 lg:space-y-0"
class="flex justify-between items-start flex-col lg:flex-row w-full lg:w-2/4 gap-3 mt-16 lg:mt-0 space-y-6 lg:space-y-0"
>
<div>
<h3 class="mb-3 lg:mb-10 text-base lg:text-md font-semibold leading-6 text-gray-900">
@@ -90,6 +90,9 @@
Getting Started
</a>
</li>
<li class="text-sm lg:text-md tracking-wide leading-6 text-gray-600 hover:text-gray-900">
<a href="/oss-friends"> OSS Friends </a>
</li>
</ul>
</div>
apps/classroomio-com/src/lib/Hero/Hero.svelte
+3 -3
View File
@@ -11,14 +11,14 @@
href="https://github.com/rotimi-best/classroomio"
style="color: rgb(75, 85, 99);"
class="border border-gray-300 rounded-full px-4 py-1 text-sm font-medium hover:underline"
>Give us a <span class="text-[#1D4EE2]">star</span> on github</a
>Give us a <span class="text-blue-700 hover:bg-blue-800">star</span> on github</a
>
</div>
<h1
class="mx-auto text-3xl md:text-4xl lg:text-6xl font-normal leading-[1.5] text-slate-900 flex flex-col items-center"
>
<span>Launch Your Online Bootcamp</span>
<span class="text-[#1D4EE2] relative"
<span class="text-blue-700 hover:bg-blue-800 relative"
>In Minutes
<svg
aria-hidden="true"
@@ -39,7 +39,7 @@
</p>
<div class="mt-10 flex gap-4 items-center justify-center flex-col md:flex-row">
<a
class="font-medium lg:font-semibold text-sm md:text-md w-11/12 md:w-fit text-white px-6 py-3 lg:px-6 lg:py-5 bg-[#1D4EE2] rounded-md"
class="font-medium lg:font-semibold text-sm md:text-md w-11/12 md:w-fit text-white px-6 py-3 lg:px-6 lg:py-5 bg-blue-700 rounded-md hover:bg-blue-800 hover:shadow-xl transition-all delay-100"
href="/signup"
rel="noopener noreferrer nofollow"
>
apps/classroomio-com/src/lib/Navigation/Navigation.svelte
+1 -1
View File
@@ -139,7 +139,7 @@
<div class="justify-between items-center flex-row hidden md:hidden lg:flex">
<!-- <button
class="bg-[#1D4EE2] text-white text-sm font-medium px-4 py-1.5 rounded-md mr-5"
class="bg-blue-700 text-white text-sm font-medium px-4 py-1.5 rounded-md mr-5"
>
Sign Up
</button> -->
apps/classroomio-com/src/lib/Pricing/Pricing.svelte
+4 -4
View File
@@ -39,7 +39,7 @@
<section id="pricing" class="py-[12%]">
<div class="px-[6%] flex flex-col justify-center items-center">
<div class="text-center mb-[3%]">
<h3 id="pricing" class="text-[#1D4EE2] text-md font-semibold tracking-wide">Pricing</h3>
<h3 id="pricing" class="text-blue-700 text-md font-semibold tracking-wide">Pricing</h3>
<h1 class="my-5 lg:my-4 font-semibold tracking-tight text-gray-900 text-3xl lg:text-4xl">
For teams and individuals
</h1>
@@ -55,7 +55,7 @@
style="background-color: {prices ? 'initial' : '#1D4EE2'}; color: {prices
? '#777E8A'
: '#fff'}"
class="bg-[#1D4EE2] text-white rounded-[30px] py-1 px-3 lg:py-2 lg:px-4 text-xs"
class="bg-blue-700 text-white rounded-[30px] py-1 px-3 lg:py-2 lg:px-4 text-xs"
on:click={handlePriceChange}>Monthly</button
>
<button
@@ -164,7 +164,7 @@
>
<div class="mr-5 pl-5">
<h2
class="text-md lg:text-xl font-semibold font-display leading-8 tracking-wide lg:tracking-tight text-[#1D4EE2] mb-0 lg:mb-4"
class="text-md lg:text-xl font-semibold font-display leading-8 tracking-wide lg:tracking-tight text-blue-700 mb-0 lg:mb-4"
>
Hobby
</h2>
@@ -176,7 +176,7 @@
</p>
</div>
<button
class="font-semibold text-base lg:text-md text-white leading-5 mt-5 lg:m-0 p-4 lg:py-5 ml-5 bg-[#1D4EE2] rounded-lg lg:rounded-md w-[70%] lg:w-full"
class="font-semibold text-base lg:text-md text-white leading-5 mt-5 lg:m-0 p-4 lg:py-5 ml-5 bg-blue-700 rounded-lg lg:rounded-md w-[70%] lg:w-full"
>
Create a free account
</button>
apps/classroomio-com/src/lib/StudentDashboard/StudentDashboard.svelte
+5 -11
View File
@@ -1,11 +1,8 @@
<section
id="student-dashboard"
class="text-center text-white py-[10%] px-3 lg:px-0 bg-black"
>
<section id="student-dashboard" class="text-center text-white py-[10%] px-3 lg:px-0 bg-black">
<div class="mb-10">
<a
href="#student-dashboard"
class="rounded-full px-4 py-2 text-sm font-medium hover:underline bg-[#1D4EE2] underline"
class="rounded-full px-4 py-2 text-sm font-medium hover:underline bg-blue-700 underline"
><span class="">yourorg</span>.classroomio.com</a
>
</div>
@@ -18,8 +15,8 @@
<p
class="mx-auto mt-10 lg:mt-6 px-4 lg:p-0 text-md tracking-wide leading-6 text-gray-400 lg:w-2/4"
>
Once you create an account, you get a dedicated dashboard where your
students can access all their courses, assignments, and more.
Once you create an account, you get a dedicated dashboard where your students can access all
their courses, assignments, and more.
</p>
<div class="relative my-5 md:my-10">
@@ -32,10 +29,7 @@
playsinline
preload="auto"
>
<source
src="./student-dashboard.mp4"
type="video/mp4"
/>
<source src="./student-dashboard.mp4" type="video/mp4" />
<track kind="captions" />
</video>
</div>
apps/classroomio-com/src/lib/types.ts
+6
View File
@@ -12,3 +12,9 @@ export type BlogPost = {
categories: Categories[];
published: boolean;
};
export type OssFriend = {
name: string;
description: string;
href: string;
};