hrms-bangkok/hrms-exam
7
0
Fork 0
Code Issues Pull requests Projects Releases Packages 1 Wiki Activity Actions

merge with lim

Browse source
This commit is contained in:
schooltechx 2023-04-05 18:15:54 +07:00
parent 4b397f0a26
commit e2d9fa94f7
1 changed files with 128 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

167
cms/src/routes/+page.svelte
View file

@ -28,7 +28,6 @@
<div class="mt-12"> <div class="mt-12">
<a <a
href="/qualifying" href="/qualifying"
target="_blank"
class=" text-white font-bold px-6 py-4 rounded outline-none focus:outline-none mr-1 mb-1 bg-red-400 active:bg-red-500 uppercase text-sm shadow hover:shadow-lg ease-linear transition-all duration-150" class=" text-white font-bold px-6 py-4 rounded outline-none focus:outline-none mr-1 mb-1 bg-red-400 active:bg-red-500 uppercase text-sm shadow hover:shadow-lg ease-linear transition-all duration-150"
> >
การสอบคัดเลือก การสอบคัดเลือก
@ -36,7 +35,6 @@
<a <a
href="/competitive" href="/competitive"
class=" ml-1 text-white font-bold px-6 py-4 rounded outline-none focus:outline-none mr-1 mb-1 bg-blueGray-700 active:bg-blueGray-600 uppercase text-sm shadow hover:shadow-lg ease-linear transition-all duration-150" class=" ml-1 text-white font-bold px-6 py-4 rounded outline-none focus:outline-none mr-1 mb-1 bg-blueGray-700 active:bg-blueGray-600 uppercase text-sm shadow hover:shadow-lg ease-linear transition-all duration-150"
target="_blank"
> >
การสอบแข่งขัน การสอบแข่งขัน
</a> </a>
@ -45,12 +43,12 @@
</div> </div>
</div> </div>
<img <img
class="absolute top-0 b-auto right-0 sm:w-5/12 -mt-48 sm:mt-0 w-9/12 hidden md:flex" class="absolute top-0 b-auto right-0 sm:w-5/12 sm:mt-32 pr-10 hidden md:flex"
src="{patternVue}" src="{patternVue}"
alt="..." alt="..."
/> />
</section> </section>
<section class="mt-48 md:mt-40 pb-40 relative bg-blueGray-100"> <section class="pb-40 relative bg-blueGray-100"><!-- mt-48 md:mt-40 -->
<div <div
class="-mt-20 top-0 bottom-auto left-0 right-0 w-full absolute h-20" class="-mt-20 top-0 bottom-auto left-0 right-0 w-full absolute h-20"
style="transform: translateZ(0);" style="transform: translateZ(0);"
@ -75,8 +73,8 @@
<div class="container mx-auto"> <div class="container mx-auto">
<div class="flex flex-wrap px-6"> <div class="flex flex-wrap px-6">
<div <div
class="w-full pt-20 mb-10 flex flex-wrap justify-between"> class="w-full pt-20 mb-8 flex flex-wrap justify-between">
<h6 class="text-2xl font-semibold "> <h6 class="text-2xl font-semibold pb-2">
ประกาศเกี่ยวกับ<span class="text-red-400">การคัดเลือกบุคลากรกทม.</span> ประกาศเกี่ยวกับ<span class="text-red-400">การคัดเลือกบุคลากรกทม.</span>
</h6> </h6>
<a <a
@ -103,15 +101,25 @@
<div class="card-title font-medium"> <div class="card-title font-medium">
{qualify_exams[0].title} {qualify_exams[0].title}
</div> </div>
<div class="mt-4 text-sm row-auto no-wrap"> <div class="mt-4 text-sm flex flex-wrap justify-between">
<i class="fab fa-twitter text-blue-500"></i> <div>
<span class="pl-2 pr-4 text-gray-400">0</span> <i class="fab fa-twitter text-blue-500"></i>
<span class="pl-1 pr-3 text-gray-400">0</span>
<i class="fab fa-facebook-f text-blue-700"></i> <i class="fab fa-facebook-f text-blue-700"></i>
<span class="pl-2 pr-4 text-gray-400">0</span> <span class="pl-1 pr-3 text-gray-400">0</span>
<i class="fab fa-line text-green-500"></i> <i class="fab fa-line text-green-500"></i>
<span class="pl-2 pr-4 text-gray-400">0</span> <span class="pl-1 pr-3 text-gray-400">0</span>
</div>
<a
href="/"
class=" text-blue-500 hover:text-blue-300 ease-linear transition-all duration-150"
>
อ่านต่อ
<i class="fa fa-angle-double-right ml-1 text-xs"></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -130,15 +138,25 @@
<div class="card-title font-medium"> <div class="card-title font-medium">
{qualify_exams[1].title} {qualify_exams[1].title}
</div> </div>
<div class="mt-4 text-sm row-auto no-wrap"> <div class="mt-4 text-sm flex flex-wrap justify-between">
<i class="fab fa-twitter text-blue-500"></i> <div>
<span class="pl-2 pr-4 text-gray-400">0</span> <i class="fab fa-twitter text-blue-500"></i>
<span class="pl-1 pr-3 text-gray-400">0</span>
<i class="fab fa-facebook-f text-blue-700"></i> <i class="fab fa-facebook-f text-blue-700"></i>
<span class="pl-2 pr-4 text-gray-400">0</span> <span class="pl-1 pr-3 text-gray-400">0</span>
<i class="fab fa-line text-green-500"></i> <i class="fab fa-line text-green-500"></i>
<span class="pl-2 pr-4 text-gray-400">0</span> <span class="pl-1 pr-3 text-gray-400">0</span>
</div>
<a
href="/"
class=" text-blue-500 hover:text-blue-300 ease-linear transition-all duration-150"
>
อ่านต่อ
<i class="fa fa-angle-double-right ml-1 text-xs"></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -155,15 +173,25 @@
<div class="card-title font-medium"> <div class="card-title font-medium">
{qualify_exams[2].title} {qualify_exams[2].title}
</div> </div>
<div class="mt-4 text-sm row-auto no-wrap"> <div class="mt-4 text-sm flex flex-wrap justify-between">
<i class="fab fa-twitter text-blue-500"></i> <div>
<span class="pl-2 pr-4 text-gray-400">0</span> <i class="fab fa-twitter text-blue-500"></i>
<span class="pl-1 pr-3 text-gray-400">0</span>
<i class="fab fa-facebook-f text-blue-700"></i> <i class="fab fa-facebook-f text-blue-700"></i>
<span class="pl-2 pr-4 text-gray-400">0</span> <span class="pl-1 pr-3 text-gray-400">0</span>
<i class="fab fa-line text-green-500"></i> <i class="fab fa-line text-green-500"></i>
<span class="pl-2 pr-4 text-gray-400">0</span> <span class="pl-1 pr-3 text-gray-400">0</span>
</div>
<a
href="/"
class=" text-blue-500 hover:text-blue-300 ease-linear transition-all duration-150"
>
อ่านต่อ
<i class="fa fa-angle-double-right ml-1 text-xs"></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -177,8 +205,8 @@
<div class="container mx-auto mt-4"> <div class="container mx-auto mt-4">
<div class="flex flex-wrap px-6"> <div class="flex flex-wrap px-6">
<div <div
class="w-full pt-20 mb-10 flex flex-wrap justify-between"> class="w-full pt-20 mb-8 flex flex-wrap justify-between">
<h6 class="text-2xl font-semibold "> <h6 class="text-2xl font-semibold pb-2">
ประกาศเกี่ยวกับ<span class="text-red-400">การสอบแข่งขัน</span> ประกาศเกี่ยวกับ<span class="text-red-400">การสอบแข่งขัน</span>
</h6> </h6>
<a <a
@ -203,15 +231,25 @@
<div class="card-title font-medium"> <div class="card-title font-medium">
{competitive_exams[0].title} {competitive_exams[0].title}
</div> </div>
<div class="mt-4 text-sm row-auto no-wrap"> <div class="mt-4 text-sm flex flex-wrap justify-between">
<i class="fab fa-twitter text-blue-500"></i> <div>
<span class="pl-2 pr-4 text-gray-400">0</span> <i class="fab fa-twitter text-blue-500"></i>
<span class="pl-1 pr-3 text-gray-400">0</span>
<i class="fab fa-facebook-f text-blue-700"></i> <i class="fab fa-facebook-f text-blue-700"></i>
<span class="pl-2 pr-4 text-gray-400">0</span> <span class="pl-1 pr-3 text-gray-400">0</span>
<i class="fab fa-line text-green-500"></i> <i class="fab fa-line text-green-500"></i>
<span class="pl-2 pr-4 text-gray-400">0</span> <span class="pl-1 pr-3 text-gray-400">0</span>
</div>
<a
href="/"
class=" text-blue-500 hover:text-blue-300 ease-linear transition-all duration-150"
>
อ่านต่อ
<i class="fa fa-angle-double-right ml-1 text-xs"></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -230,15 +268,25 @@
<div class="card-title font-medium"> <div class="card-title font-medium">
{competitive_exams[1].title} {competitive_exams[1].title}
</div> </div>
<div class="mt-4 text-sm row-auto no-wrap"> <div class="mt-4 text-sm flex flex-wrap justify-between">
<i class="fab fa-twitter text-blue-500"></i> <div>
<span class="pl-2 pr-4 text-gray-400">0</span> <i class="fab fa-twitter text-blue-500"></i>
<span class="pl-1 pr-3 text-gray-400">0</span>
<i class="fab fa-facebook-f text-blue-700"></i> <i class="fab fa-facebook-f text-blue-700"></i>
<span class="pl-2 pr-4 text-gray-400">0</span> <span class="pl-1 pr-3 text-gray-400">0</span>
<i class="fab fa-line text-green-500"></i> <i class="fab fa-line text-green-500"></i>
<span class="pl-2 pr-4 text-gray-400">0</span> <span class="pl-1 pr-3 text-gray-400">0</span>
</div>
<a
href="/"
class=" text-blue-500 hover:text-blue-300 ease-linear transition-all duration-150"
>
อ่านต่อ
<i class="fa fa-angle-double-right ml-1 text-xs"></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -255,15 +303,25 @@
<div class="card-title font-medium"> <div class="card-title font-medium">
{competitive_exams[2].title} {competitive_exams[2].title}
</div> </div>
<div class="mt-4 text-sm row-auto no-wrap"> <div class="mt-4 text-sm flex flex-wrap justify-between">
<i class="fab fa-twitter text-blue-500"></i> <div>
<span class="pl-2 pr-4 text-gray-400">0</span> <i class="fab fa-twitter text-blue-500"></i>
<span class="pl-1 pr-3 text-gray-400">0</span>
<i class="fab fa-facebook-f text-blue-700"></i> <i class="fab fa-facebook-f text-blue-700"></i>
<span class="pl-2 pr-4 text-gray-400">0</span> <span class="pl-1 pr-3 text-gray-400">0</span>
<i class="fab fa-line text-green-500"></i> <i class="fab fa-line text-green-500"></i>
<span class="pl-2 pr-4 text-gray-400">0</span> <span class="pl-1 pr-3 text-gray-400">0</span>
</div>
<a
href="/"
class=" text-blue-500 hover:text-blue-300 ease-linear transition-all duration-150"
>
อ่านต่อ
<i class="fa fa-angle-double-right ml-1 text-xs"></i>
</a>
</div> </div>
</div> </div>
</div> </div>
@ -286,6 +344,12 @@
.imgCard{ .imgCard{
height: 250px; height: 250px;
} }
}
@media only screen and (max-width: 640px) {
.bg-gradient{
background-image: linear-gradient(300deg, rgba(255,0,0,0), #faecf0b4);
}
} }
.card-side{ .card-side{
flex-direction: row; flex-direction: row;
@ -303,4 +367,7 @@
.imgCard{ .imgCard{
max-height: 220px; max-height: 220px;
} }
.img-drop {
filter: brightness(0.98);
}
</style> </style>