Skip to content

Commit

Permalink
Merge pull request #62 from janzenfaidiban/main
Browse files Browse the repository at this point in the history 
fix: ubah tampilan heading playground, tambah cover
  • Loading branch information
@janzenfaidiban
janzenfaidiban authored Jun 9, 2024
2 parents c4b5a34 + 0e66422 commit 4cf5d28
Show file tree
Hide file tree
Showing 8 changed files with 74 additions and 121 deletions.
2 changes: 1 addition & 1 deletion database/seeders/CodingCourseSeeder.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ public function run(): void
'thumbnail' => 'belajar-html-css-batch-ii-2024.jpeg',
'wa_link' => 'https://wa.link/uaffdm',
'is_on_site' => true,
'is_open' => false,
'is_open' => true,
'user_id' => fake()->numberBetween(1, 5),
'published_at' => now(),

Expand Down
101 changes: 69 additions & 32 deletions database/seeders/PlaygroundsSeeder.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,48 +15,85 @@ public function run(): void
{
collect([
[
'title' => 'sacode-official',
'slug' => 'pt noken inovasi teknologi informasi',
'description' => 'co pt.nokensoft',
'image' => 'playgrounds/janzen-faidiban.png ',
'repository_url' => 'https://github.com/janzenfaidiban',
'title' => 'Alpine.js',
'slug' => 'alpine-js',
'description' => 'SaCode Playground for Alpine.js Library',
'image' => 'playgrounds/sacode-playground-alpinejs.png',
'repository_url' => 'https://github.com/sacodeofficial/alpinejs-playground',
'user_id' => '1',
],
[
'title' => 'sacode-official',
'slug' => 'sacode-official',
'description' => 'Papua Tech Community',
'image' => 'playgrounds/samuel-bosawer.png',
'repository_url' => 'https://github.com/samuelbosawer',
'user_id' => '2',
'title' => 'Leaflet.js',
'slug' => 'leaflet-js',
'description' => 'SaCode Playground for Leaflet.js',
'image' => 'playgrounds/sacode-playground-template.png',
'repository_url' => 'https://github.com/sacodeofficial/leafletjs-playground',
'user_id' => '1',
],
[
'title' => 'sacode-official',
'slug' => 'sacode-official',
'description' => 'Papua Tech Community',
'image' => 'playgrounds/belinda-pigome.png',
'repository_url' => 'https://github.com/belindaelisabeth',
'user_id' => '3',
'title' => 'Leaflet.js',
'slug' => 'leaflet-js',
'description' => 'SaCode Playground for Leaflet.js',
'image' => 'playgrounds/sacode-playground-template.png',
'repository_url' => 'https://github.com/sacodeofficial/leafletjs-playground',
'user_id' => '1',
],
[
'title' => 'Laravel Playground',
'slug' => 'laravel-playground',
'description' => 'Belajar Framework PHP Laravel',
'image' => 'laravel-playground.png',
'repository_url' => 'https://github.com/sacodeofficial',
'user_id' => fake()->numberBetween(1, 5),
'published_at' => now(),
'title' => 'Leaflet.js',
'slug' => 'leaflet-js',
'description' => 'SaCode Playground for Leaflet.js',
'image' => 'playgrounds/sacode-playground-template.png',
'repository_url' => 'https://github.com/sacodeofficial/leafletjs-playground',
'user_id' => '1',
],
[
'title' => 'JavaScript Playground',
'slug' => 'javascript-playground',
'description' => 'Belajar Framework JavaScript',
'image' => 'javascript-playground.png',
'repository_url' => 'https://github.com/sacodeofficial',
'user_id' => fake()->numberBetween(1, 5),
'published_at' => null,
'title' => 'Leaflet.js',
'slug' => 'leaflet-js',
'description' => 'SaCode Playground for Leaflet.js',
'image' => 'playgrounds/sacode-playground-template.png',
'repository_url' => 'https://github.com/sacodeofficial/leafletjs-playground',
'user_id' => '1',
],
[
'title' => 'Leaflet.js',
'slug' => 'leaflet-js',
'description' => 'SaCode Playground for Leaflet.js',
'image' => 'playgrounds/sacode-playground-template.png',
'repository_url' => 'https://github.com/sacodeofficial/leafletjs-playground',
'user_id' => '1',
],
[
'title' => 'Leaflet.js',
'slug' => 'leaflet-js',
'description' => 'SaCode Playground for Leaflet.js',
'image' => 'playgrounds/sacode-playground-template.png',
'repository_url' => 'https://github.com/sacodeofficial/leafletjs-playground',
'user_id' => '1',
],
[
'title' => 'Leaflet.js',
'slug' => 'leaflet-js',
'description' => 'SaCode Playground for Leaflet.js',
'image' => 'playgrounds/sacode-playground-template.png',
'repository_url' => 'https://github.com/sacodeofficial/leafletjs-playground',
'user_id' => '1',
],
[
'title' => 'Leaflet.js',
'slug' => 'leaflet-js',
'description' => 'SaCode Playground for Leaflet.js',
'image' => 'playgrounds/sacode-playground-template.png',
'repository_url' => 'https://github.com/sacodeofficial/leafletjs-playground',
'user_id' => '1',
],
[
'title' => 'Leaflet.js',
'slug' => 'leaflet-js',
'description' => 'SaCode Playground for Leaflet.js',
'image' => 'playgrounds/sacode-playground-template.png',
'repository_url' => 'https://github.com/sacodeofficial/leafletjs-playground',
'user_id' => '1',
],

])->each(function ($collection) {
Playgrounds::create($collection);
});
Expand Down
Binary file removed public/playgrounds/background.jpeg
View file
Binary file not shown.
Binary file removed public/playgrounds/belinda-pigome.png
View file
Binary file not shown.
Binary file removed public/playgrounds/janzen-faidiban.png
View file
Binary file not shown.
Binary file added public/playgrounds/sacode-playground-alpinejs.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added public/playgrounds/sacode-playground-template.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
92 changes: 4 additions & 88 deletions resources/views/livewire/guest/playgrounds/record.blade.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,22 +8,18 @@
<!-- Title -->
<div class="text-center mb-6">
<p class="text-xs font-semibold text-gray-500 tracking-wide uppercase mb-3 dark:text-neutral-200">
playgrounds
Playgrounds
</p>
<h1 class="text-3xl text-gray-800 font-bold sm:text-5xl lg:text-6xl lg:leading-tight dark:text-neutral-200">
Community SaCode

<br>
<h2 class="text-blue-500 text-2xl font-bold md:text-4xl md:leading-tight dark:text-white">Information Technology Community and Coding School in Papua.</h2>
<br><h2 class="text-3xl text-gray-800">Read Our Latest News.</h2>
Community Learning and <span class="text-blue-500">Contributing</span>
</h1>
</div>
<!-- End Title -->

<!-- Content -->
<div class="space-y-5 md:space-y-8">

{{-- write your codes here --}}
<p class="text-lg text-gray-800 dark:text-neutral-200">All the playgrounds available:</p>

<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-6">

Expand All @@ -34,92 +30,12 @@
<img src="{{ asset($playground->image) }}" alt="{{ $playground->title }}" class="rounded-t-xl">
<div class="mt-auto flex border-t border-gray-200 divide-x divide-gray-200 dark:border-neutral-700 dark:divide-neutral-700">
<a class="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-ee-xl bg-white text-gray-800 shadow-sm hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-800 rounded-b-xl" href="{{ $playground->repository_url }}" target="_blank">
{{ $playground->title }}
</a>
</div>
<div class="text-center mt-2 sm:mt-auto space-x-2.5">
<a class="inline-flex justify-center items-center text-gray-500 rounded-full hover:text-gray-800 dark:text-neutral-500 dark:hover:text-neutral-200"
href="{{ $playground->repository_url }}" target="_blank">
<i class="fa-brands fa-github"></i>
<i class="fa-brands fa-github"></i> {{ $playground->title }}
</a>
</div>
</div>

@endforeach

{{-- <div class="group flex flex-col h-full bg-white border border-gray-200 shadow-sm rounded-xl dark:bg-neutral-900 dark:border-neutral-700 dark:shadow-neutral-700/70">
<img src="{{ asset('playgrounds/background.jpeg') }}" alt="" class="rounded-t-xl">
<div class="mt-auto flex border-t border-gray-200 divide-x divide-gray-200 dark:border-neutral-700 dark:divide-neutral-700">
<a class="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-ee-xl bg-white text-gray-800 shadow-sm hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-800 rounded-b-xl" href="#">
Community SaCode
</a>
</div>
<div class="text-center mt-2 sm:mt-auto space-x-2.5">
<a class="inline-flex justify-center items-center text-gray-500 rounded-full hover:text-gray-800 dark:text-neutral-500 dark:hover:text-neutral-200"
href="https://github.com/sacodeofficial" target="_blank">
<i class="fa-brands fa-github"></i>
</a>
</div>
</div>
<div class="group flex flex-col h-full bg-white border border-gray-200 shadow-sm rounded-xl dark:bg-neutral-900 dark:border-neutral-700 dark:shadow-neutral-700/70">
<img src="{{ asset('playgrounds/background.jpeg') }}" alt="" class="rounded-t-xl">
<div class="mt-auto flex border-t border-gray-200 divide-x divide-gray-200 dark:border-neutral-700 dark:divide-neutral-700">
<a class="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-ee-xl bg-white text-gray-800 shadow-sm hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-800 rounded-b-xl" href="#">
Community SaCode
</a>
</div>
<div class="text-center mt-2 sm:mt-auto space-x-2.5">
<a class="inline-flex justify-center items-center text-gray-500 rounded-full hover:text-gray-800 dark:text-neutral-500 dark:hover:text-neutral-200"
href="https://github.com/sacodeofficial" target="_blank">
<i class="fa-brands fa-github"></i>
</a>
</div>
</div>
<div class="group flex flex-col h-full bg-white border border-gray-200 shadow-sm rounded-xl dark:bg-neutral-900 dark:border-neutral-700 dark:shadow-neutral-700/70">
<img src="{{ asset('playgrounds/background.jpeg') }}" alt="" class="rounded-t-xl">
<div class="mt-auto flex border-t border-gray-200 divide-x divide-gray-200 dark:border-neutral-700 dark:divide-neutral-700">
<a class="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-ee-xl bg-white text-gray-800 shadow-sm hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-800 rounded-b-xl" href="#">
Community SaCode
</a>
</div>
<div class="text-center mt-2 sm:mt-auto space-x-2.5">
<a class="inline-flex justify-center items-center text-gray-500 rounded-full hover:text-gray-800 dark:text-neutral-500 dark:hover:text-neutral-200"
href="https://github.com/sacodeofficial" target="_blank">
<i class="fa-brands fa-github"></i>
</a>
</div>
</div>
<div class="group flex flex-col h-full bg-white border border-gray-200 shadow-sm rounded-xl dark:bg-neutral-900 dark:border-neutral-700 dark:shadow-neutral-700/70">
<img src="{{ asset('playgrounds/background.jpeg') }}" alt="" class="rounded-t-xl">
<div class="mt-auto flex border-t border-gray-200 divide-x divide-gray-200 dark:border-neutral-700 dark:divide-neutral-700">
<a class="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-ee-xl bg-white text-gray-800 shadow-sm hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-800 rounded-b-xl" href="#">
Community SaCode
</a>
</div>
<div class="text-center mt-2 sm:mt-auto space-x-2.5">
<a class="inline-flex justify-center items-center text-gray-500 rounded-full hover:text-gray-800 dark:text-neutral-500 dark:hover:text-neutral-200"
href="https://github.com/sacodeofficial" target="_blank">
<i class="fa-brands fa-github"></i>
</a>
</div>
</div>
<div class="group flex flex-col h-full bg-white border border-gray-200 shadow-sm rounded-xl dark:bg-neutral-900 dark:border-neutral-700 dark:shadow-neutral-700/70">
<img src="{{ asset('playgrounds/background.jpeg') }}" alt="" class="rounded-t-xl">
<div class="mt-auto flex border-t border-gray-200 divide-x divide-gray-200 dark:border-neutral-700 dark:divide-neutral-700">
<a class="w-full py-3 px-4 inline-flex justify-center items-center gap-x-2 text-sm font-medium rounded-ee-xl bg-white text-gray-800 shadow-sm hover:bg-gray-50 disabled:opacity-50 disabled:pointer-events-none dark:bg-neutral-900 dark:border-neutral-700 dark:text-white dark:hover:bg-neutral-800 rounded-b-xl" href="#">
Community SaCode
</a>
</div>
<div class="text-center mt-2 sm:mt-auto space-x-2.5">
<a class="inline-flex justify-center items-center text-gray-500 rounded-full hover:text-gray-800 dark:text-neutral-500 dark:hover:text-neutral-200"
href="https://github.com/sacodeofficial" target="_blank">
<i class="fa-brands fa-github"></i>
</a>
</div>
</div> --}}
</div>
<!-- End Content -->
</div>
Expand Down

0 comments on commit 4cf5d28

Please sign in to comment.