From fdc09544f51024b36fde5cf9e1e9c563ba3bb5bb Mon Sep 17 00:00:00 2001
From: Graphictoria <XlXi@gtoria.net>
Date: Sun, 5 Jun 2022 14:04:14 -0400
Subject: [PATCH] Start of what will be the catalog.

---
 .../Http/Controllers/Web/ShopController.php   |  14 ++++++
 web/app/Models/asset.php                      |  11 ++++
 .../2022_06_05_140351_create_assets_table.php |  31 ++++++++++++
 web/public/images/item-image-vignette.png     | Bin 0 -> 1007 bytes
 web/resources/sass/Graphictoria.scss          |  47 ++++++++++++++++++
 web/resources/views/web/shop/index.blade.php  |  36 ++++++++++++++
 web/routes/web.php                            |   4 ++
 7 files changed, 143 insertions(+)
 create mode 100644 web/app/Http/Controllers/Web/ShopController.php
 create mode 100644 web/app/Models/asset.php
 create mode 100644 web/database/migrations/2022_06_05_140351_create_assets_table.php
 create mode 100644 web/public/images/item-image-vignette.png
 create mode 100644 web/resources/views/web/shop/index.blade.php

diff --git a/web/app/Http/Controllers/Web/ShopController.php b/web/app/Http/Controllers/Web/ShopController.php
new file mode 100644
index 0000000..a1b5656
--- /dev/null
+++ b/web/app/Http/Controllers/Web/ShopController.php
@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Http\Controllers\Web;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Http\Request;
+
+class ShopController extends Controller
+{
+	public function index()
+	{
+		return view('web.shop.index');
+	}
+}
diff --git a/web/app/Models/asset.php b/web/app/Models/asset.php
new file mode 100644
index 0000000..c419514
--- /dev/null
+++ b/web/app/Models/asset.php
@@ -0,0 +1,11 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Factories\HasFactory;
+use Illuminate\Database\Eloquent\Model;
+
+class asset extends Model
+{
+    use HasFactory;
+}
diff --git a/web/database/migrations/2022_06_05_140351_create_assets_table.php b/web/database/migrations/2022_06_05_140351_create_assets_table.php
new file mode 100644
index 0000000..644c902
--- /dev/null
+++ b/web/database/migrations/2022_06_05_140351_create_assets_table.php
@@ -0,0 +1,31 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+return new class extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('assets', function (Blueprint $table) {
+            $table->id();
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('assets');
+    }
+};
diff --git a/web/public/images/item-image-vignette.png b/web/public/images/item-image-vignette.png
new file mode 100644
index 0000000000000000000000000000000000000000..9eacd75ee9ceeb7acdf5f15348db28bc7f666b10
GIT binary patch
literal 1007
zcmV<L0}%X)P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00001b5ch_0Itp)
z=>Px#1ZP1_K>z@;j|==^1poj532;bRa{vGi!T<mc!T}X1N`L?W1B6LLK~!i%)tYUN
z+b|47lkKm5UZCy$Z`sx(WQ6AlB{|uoO&>5zYAD%c90SE}&!^Mr$0qR`60<eEjOh{G
zk7#Xgl~277o4##w18gECX5KI4tYxGObCGK^^3NLN>n2{<`AkBMvw6Wi^c+)$c`~bY
zIEe5KR`LKMYa+c$Cf9f2K?HANsbP^{o0ZI}#weH@zZX+9$d^sN36;%{h7rt7t_}S>
zH#%d6LyZPu)0qoL`-0K=h^oFi;~}bH+ROfVlW#7~hH!3)jDq>S=o;DdaF}Wkp|~1C
z5*Y>ad#KKHh^qltPo!E?BIA1*UFWKKMh)^w$%dPwjtt?PR9;0kCn`_SS8g>tNH#Vb
zz!Hvv`K@I0xi<D$Z@C8fxQPuOk;q6YFIhF8YhjPE<!}0N!A)AXzTkp;R^(o;tDMT-
z+8{J~;ezuc9@n>!XPsBqtoAnfiFD&4Pb?VI6U^U3bsgW65?5aJL`?dunaX<vv+Gv<
z44()$C9ci(+zYSC`=rFq^AjOlJJ0w`j@*O&H02X9T+=s|_YByBWp+K}6WJC2A+tVI
z%X<H6vEck_^Ci9-tuKGIgp8`$S01SM!a*utp=tLp`#}54{)*i6A-?h;H}O9WQvGYV
zvl?W2_{ps9&H9;xsIV(uVzRoyqd9ax4YC@*>q8g(%k<tnh){f$W~)9%eYV_Rtvtxh
zSBDUvP2R8SrI9bYiq+=bp$nDw2##EreKqkN$s*x8YtJJ4p~TM1K_oHqlFGZ6)xC`O
z?e_2;sU#TF6U^^rbUo!Mk=|SNL?ofeK@IChIoG#PU0YPwv}eEP9z@urMCF<EM*EU#
zU*=vrPr3IN`H5HZ=8<oh8}3h$^tg6Dli0oN!Z{nYM+xR4>nm30xt6LAz4ysMvY2^F
z<l4|5iKNdprGD6xXt{ogtv|iZ@PP_m%yG7#c&{51T(eHk`ObGDypfw+?*|?vUQe)=
z63(+9(Q1AoHc5Kzz(s=f^t^8*QTdh{rR*_MZyLmZXRpvEM#FXHJTnrT88t|Mw5Lmh
z=>MY3@Mgi7ey$x;Y-ZGK=JZM(8N}pak$J|M*et!2Yg6gR_f7oWQ6-_jnK;rP<wtNM
zqBk{=sQf1V(Erz}nxW?*W}baVB2V{9?Dd8qQF(ewVpr3TpPQ;?GOs)_$_>|UMmT4j
d<rD98`U8HT$Wf>~n+5;?002ovPDHLkV1mJK?j-;K

literal 0
HcmV?d00001

diff --git a/web/resources/sass/Graphictoria.scss b/web/resources/sass/Graphictoria.scss
index bb837ec..bebcca5 100644
--- a/web/resources/sass/Graphictoria.scss
+++ b/web/resources/sass/Graphictoria.scss
@@ -32,6 +32,53 @@ img.twemoji {
 	//vertical-align: -0.1em;
 }
 
+// Shop
+
+.graphictoria-item-card {
+	text-decoration: none!important;
+	font-weight: 400!important;
+	display: inline-block;
+	padding: 0;
+	
+	flex: 0 0 auto;
+    width: 33.33333333%;
+	
+	@media (min-width: 768px) {
+		flex: 0 0 auto;
+		width: 25%;
+	}
+	
+	@media (min-width: 992px) {
+		flex: 0 0 auto;
+		width: 16.66666667%;
+	}
+	
+	@media (min-width: 1400px) {
+		flex: 0 0 auto;
+		width: 11.1111111%;
+	}
+}
+
+.graphictoria-item-card > span > img {
+	background: url("/Images/Item-Image-Vignette.png");
+	background-size: cover;
+}
+
+.graphictoria-catalog-overlay {
+	position: absolute;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    display: flex;
+    background: rgb(40 40 40 / 12%);
+	z-index: 10;
+}
+
+.graphictoria-catalog-overlay > .gtoria-loader {
+	margin: auto;
+}
+
 // Maintenance
 
 .gtoria-maintenance-background {
diff --git a/web/resources/views/web/shop/index.blade.php b/web/resources/views/web/shop/index.blade.php
new file mode 100644
index 0000000..72b53c1
--- /dev/null
+++ b/web/resources/views/web/shop/index.blade.php
@@ -0,0 +1,36 @@
+@extends('layouts.app')
+
+@section('title', 'Shop')
+
+@section('content')
+<div class="container my-2">
+	<div class="row">
+		<div class="col d-flex">
+			<h4 class="my-auto">Shop</h4>
+		</div>
+		<div class="col-lg-5 my-2 my-lg-0 mb-lg-2 d-flex">
+			<button class="btn btn-secondary me-2"><i class="fa-solid fa-gear"></i></button>
+			<div class="input-group">
+				<input type="text" class="form-control d-lg-flex" placeholder="Item name" />
+				<button class="btn btn-primary">Search</button>
+			</div>
+		</div>
+	</div>
+	<div class="card p-3">
+		<div class="graphictoria-catalog-overlay">
+			<x-loader />
+		</div>
+		<div>
+			<a class="graphictoria-item-card" href="#">
+				<span class="card m-2">
+					<img class="img-fluid" src="{{ asset('images/testing/hat.png') }}" />
+					<div class="p-2">
+						<p>Test hat</p>
+						<p class="text-muted">Free</p>
+					</div>
+				</span>
+			</a>
+		</div>
+	</div>
+</div>
+@endsection
\ No newline at end of file
diff --git a/web/routes/web.php b/web/routes/web.php
index 1cc88cf..0e3974e 100644
--- a/web/routes/web.php
+++ b/web/routes/web.php
@@ -5,6 +5,10 @@ Route::group(['as' => 'home.'], function() {
 	Route::get('/my/dashboard', 'HomeController@dashboard')->name('dashboard')->middleware('auth');
 });
 
+Route::group(['as' => 'shop.', 'prefix' => 'shop'], function() {
+	Route::get('/', 'ShopController@index')->name('index');
+});
+
 Route::group(['as' => 'auth.', 'namespace' => 'Auth'], function() {
 	Route::group(['as' => 'protection.', 'prefix' => 'request-blocked'], function() {
 		Route::get('/', 'DoubleSessionBlockController@index')->name('index');