From f186442116a0499de884d5372f2540ab0257c141 Mon Sep 17 00:00:00 2001 From: Berkan Sasmaz Date: Wed, 17 Nov 2021 14:26:39 +0300 Subject: [PATCH 1/3] Update Default.cshtml --- .../Themes/EventHub/Components/Footer/Default.cshtml | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/EventHub.Web.Theme/Themes/EventHub/Components/Footer/Default.cshtml b/src/EventHub.Web.Theme/Themes/EventHub/Components/Footer/Default.cshtml index ee71f3a..8222b85 100644 --- a/src/EventHub.Web.Theme/Themes/EventHub/Components/Footer/Default.cshtml +++ b/src/EventHub.Web.Theme/Themes/EventHub/Components/Footer/Default.cshtml @@ -51,7 +51,7 @@
© 2021 EventHub
-
+
Terms of Service From e106b171fc64566d435c8f32a42312ca42ef3ad0 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Arma=C4=9Fan=20=C3=9Cnl=C3=BC?= Date: Thu, 18 Nov 2021 10:37:58 +0300 Subject: [PATCH 2/3] Create New Event Part1 --- src/EventHub.Web/Pages/Empty.cshtml | 144 +++++++++++++++++++++ src/EventHub.Web/Pages/Empty.cshtml.cs | 10 ++ src/EventHub.Web/wwwroot/global-styles.css | 67 ++++++++++ 3 files changed, 221 insertions(+) create mode 100644 src/EventHub.Web/Pages/Empty.cshtml create mode 100644 src/EventHub.Web/Pages/Empty.cshtml.cs diff --git a/src/EventHub.Web/Pages/Empty.cshtml b/src/EventHub.Web/Pages/Empty.cshtml new file mode 100644 index 0000000..82031eb --- /dev/null +++ b/src/EventHub.Web/Pages/Empty.cshtml @@ -0,0 +1,144 @@ +@page "/test" +@using EventHub.Web.Pages +@model EventHub.Web.Pages.Empty + +
+

Create an Event

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut nulla consequat, tempus sapien in, +pellentesque nunc. Sed at nunc pellentesque, fermentum mi et, fermentum massa.

+
+
+
+
+ + + + + + + +

Create a New Event

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam utnulla consequat, tempus sapien in.

+ Create +
+
+
+
+
+
+ + + + + + +

Drafts

+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. +
+
+ Last edit: 01/01/2020 +
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. +
+
+ Last edit: 01/01/2020 +
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. +
+
+ Last edit: 01/01/2020 +
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. +
+
+ Last edit: 01/01/2020 +
+
+
+
+
+
+
+
+ +
+
+
+
    +
  • 1New Event
    • +
  • 2Add Track
    • +
  • 3Add Session
    • +
+
+
+
+
+
+
+
+
    +
  • 1New Event
    • +
  • 2Add Track
    • +
  • 3Add Session
    • +
+
+
+
+
+
+
+
+
    +
  • 1New Event
    • +
  • 2Add Track
    • +
  • 3Add Session
    • +
+
+
+
+
+
+
+
+
+
+

Create a New Event

+
+
+
+ + + +
+
+
+
+ + + +
+
+
+
+
+
+
+
\ No newline at end of file diff --git a/src/EventHub.Web/Pages/Empty.cshtml.cs b/src/EventHub.Web/Pages/Empty.cshtml.cs new file mode 100644 index 0000000..8c3ad89 --- /dev/null +++ b/src/EventHub.Web/Pages/Empty.cshtml.cs @@ -0,0 +1,10 @@ +namespace EventHub.Web.Pages +{ + public class Empty : EventHubPageModel + { + public void OnGet() + { + + } + } +} \ No newline at end of file diff --git a/src/EventHub.Web/wwwroot/global-styles.css b/src/EventHub.Web/wwwroot/global-styles.css index e5d20ea..dd38d93 100644 --- a/src/EventHub.Web/wwwroot/global-styles.css +++ b/src/EventHub.Web/wwwroot/global-styles.css @@ -1 +1,68 @@ /* Your Global Styles */ + +.border-light { + border-color: #E1E5E9 !important; +} +.text-info { + color: #6F32E2!important; +} + + +.progresses { + position: relative; + max-width: 440px; + margin: 30px auto; +} + +.progresses ul { + list-style: none; + padding: 0 +} + +.progresses ul li.create-steps { + width: 32px; + height: 32px; + border-radius: 50%; + background-color: #f8f9fa; + z-index: 200; + position: relative; + text-align: center; + line-height: 30px; + border: 2px solid #dce0e4; + color: #bfc6cd; +} + +.progresses ul li.create-steps.blue { + color: #fff; + background-color: #00044A; + border-color: #00044A; +} + +.progresses ul li.create-steps span { + position: absolute; + top: 35px; + left: -30px; + font-size: 0.8rem; + width: 90px; + color:#bfc6cd; +} + +.progresses ul li.create-steps.blue span { + color:#00044A; +} + +.progresses .progress { + height: 2px; + width: 100%; + top: 38px; + position: absolute; + background-color: #DCE0E5; + border-radius: 10px +} +.progress-bar { + background-color: #00044A; +} + +.nav-pills .nav-link.active, .nav-pills .show > .nav-link { + background-color: #00044A !important; +} \ No newline at end of file From 88668e4dc6169056aa83293ab732484271bc2d8e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Arma=C4=9Fan=20=C3=9Cnl=C3=BC?= Date: Tue, 30 Nov 2021 10:09:10 +0300 Subject: [PATCH 3/3] Resolved #75 --- .../wwwroot/themes/eventhub/style.css | 6 +- src/EventHub.Web/Pages/Empty.cshtml | 943 +++++++++++++++--- src/EventHub.Web/wwwroot/global-styles.css | 148 +++ 3 files changed, 976 insertions(+), 121 deletions(-) diff --git a/src/EventHub.Web.Theme/wwwroot/themes/eventhub/style.css b/src/EventHub.Web.Theme/wwwroot/themes/eventhub/style.css index 0205464..bc1f35f 100644 --- a/src/EventHub.Web.Theme/wwwroot/themes/eventhub/style.css +++ b/src/EventHub.Web.Theme/wwwroot/themes/eventhub/style.css @@ -296,8 +296,7 @@ p { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); - height: 52px; - padding: .375rem 1rem; + height: 52px; font-size: 14px !important; font-weight: 500; line-height: 1.5; @@ -428,8 +427,7 @@ p { background-image: url("/assets/select-arrow.svg"); background-position: right 20px center; background-repeat: no-repeat; - background-size: 10px; - padding: 10px 30px 10px 20px; + background-size: 10px; outline: none; -moz-appearance: none; -webkit-appearance: none; diff --git a/src/EventHub.Web/Pages/Empty.cshtml b/src/EventHub.Web/Pages/Empty.cshtml index 82031eb..5db1274 100644 --- a/src/EventHub.Web/Pages/Empty.cshtml +++ b/src/EventHub.Web/Pages/Empty.cshtml @@ -2,143 +2,852 @@ @using EventHub.Web.Pages @model EventHub.Web.Pages.Empty -
-

Create an Event

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut nulla consequat, tempus sapien in, -pellentesque nunc. Sed at nunc pellentesque, fermentum mi et, fermentum massa.

-
-
-
-
- - - - - - - -

Create a New Event

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam utnulla consequat, tempus sapien in.

- Create -
+
+

Create an Event

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut nulla consequat, tempus sapien in, + pellentesque nunc. Sed at nunc pellentesque, fermentum mi et, fermentum massa.

+
+
+
+
+ + + + + + + +

Create a New Event

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam utnulla consequat, tempus sapien in.

+ Create
-
-
-
-
- - - - - - -

Drafts

-
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. -
-
- Last edit: 01/01/2020 -
+
+
+
+
+
+ + + + + + +

Drafts

+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
-
-
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. -
-
- Last edit: 01/01/2020 -
+
+ Last edit: 01/01/2020
-
-
-
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. -
-
- Last edit: 01/01/2020 -
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. +
+
+ Last edit: 01/01/2020 +
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
+ Last edit: 01/01/2020 +
+
+
+
+
+
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. +
+
+ Last edit: 01/01/2020 +
+
+
+
+
+
+
+ + +
+
+
    +
  • 1New Event
    • +
  • 2Add Track
    • +
  • 3Add Session
    • +
+
+
+
+
+
+ + +
+
+
+
+

Create a New Event

+
+
+
+ + +
-
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+ +
+
+

Cover Image

-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. -
-
- Last edit: 01/01/2020 +
+
+ +
+
+
+
+

Photo size should be 1050x596 and max 5 MB.

+ + + +
+
+
+ +
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+
+ + +
+
+
+ + +
+
-
+ +
+
+
+ Next Step +
+
+
+
+
+
+ + +
+
+
    +
  • 1New Event
    • +
  • 2Add Track
    • +
  • 3Add Session
    • +
+
+
-
- -
-
-
-
    -
  • 1New Event
    • -
  • 2Add Track
    • -
  • 3Add Session
    • -
-
-
+
+ + +
+
+
+
+

Add Track

+
+
+
+ There is a track name here + Edit +
+
+
+
+ There is a track name here + Edit +
+
+
+
+ There is a track name here + Edit +
+
+
+
+
Add New Track +
+
+
+
+ +
+
+
+ Previous Step +
+
+ Skip This Step + Next Step +
+
+
+
+
+ + +
+
+
    +
  • 1New Event
    • +
  • 2Add Track
    • +
  • 3Add Session
    • +
+
+
-
-
-
    -
  • 1New Event
    • -
  • 2Add Track
    • -
  • 3Add Session
    • -
-
-
+
+ + +
+
+
+
+

Add Session

+ + + + + + + + + + + + + + + + + + +
Track 1Track 1Track 1Track 1
+
+ Session Title + 09:00 - 10:00 | English + Halil İbrahim Kalkan + Edit +
+
+ Session Title + 09:00 - 10:00 | English + Halil İbrahim Kalkan + Edit +
+
+
Add New Session +
+ 		+
+
Add New Session +
+ 		+
+ Session Title + 09:00 - 10:00 | English + Berkan Şaşmaz + Edit +
+
+
Add New Session +
+ 		+
+
Add New Session +
+
+
+
+
+
+ Previous Step +
+
+ Save as Draft + Publish +
+
+
+
+
+
+ + +
+
+
+
+

Event Preview

+
+
+ Organization Name: +
+
+ Volosoft +
+
+
+
+ Title: +
+
+ My pretty cool event +
+
+
+
+ Start Date: +
+
+ 10/08/2025 - 09:00 +
+
+
+
+ End Date: +
+
+ 10/08/2025 - 10:00 +
+
+
+
+ Event’s Explanation: +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod + tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim + veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea + commodo consequat. Duis aute irure dolor in reprehenderit in voluptate + velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat + cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id + est laborum.

+
+
+
+
+ Cover Image: +
+
+ +
+
+
+
+ Country: +
+
+ Turkey +
+
+
+
+ City: +
+
+ Istanbul +
+
+
+
+ Language: +
+
+ English +
+
+
+
+ Capacity: +
+
+ 100+ +
+
+
+
+ Event Type: +
+
+ Online +
+
+
+
+ Tracks: +
+
+ 4 +
+
+
+
+ Sessions: +
+
+ + + + + + + + + + + + + + + + + + + +
Track 1Track 1Track 1Track 1
+
+ Session Title + 09:00 - 10:00 | English + Halil İbrahim Kalkan +
+
+ Session Title + 09:00 - 10:00 | English + Halil İbrahim Kalkan +
+
+ Session Title + 09:00 - 10:00 | English + Halil İbrahim Kalkan +
+ 		+
+ Session Title + 09:00 - 10:00 | English + Halil İbrahim Kalkan +
+ 		+
+ Session Title + 09:00 - 10:00 | English + Halil İbrahim Kalkan +
+
+ Session Title + 09:00 - 10:00 | English + Halil İbrahim Kalkan +
+
+ Session Title + 09:00 - 10:00 | English + Halil İbrahim Kalkan +
+
+ Session Title + 09:00 - 10:00 | English + Halil İbrahim Kalkan +
+ 		+
+ Session Title + 09:00 - 10:00 | English + Halil İbrahim Kalkan +
+
+ Session Title + 09:00 - 10:00 | English + Halil İbrahim Kalkan +
+
+ Session Title + 09:00 - 10:00 | English + Halil İbrahim Kalkan +
+
+ Session Title + 09:00 - 10:00 | English + Halil İbrahim Kalkan +
+
+ Session Title + 09:00 - 10:00 | English + Halil İbrahim Kalkan +
+
+
+
+
+
+ Previous Step +
+
+ Save as Draft + Publish +
+
+
+
+
+
+ + +
+ + +
+

Title Cart

+
+
+
+
+

Product Detail

+

Premium Account: Volosoft Company

+

Start Date: 02/11/2020

+

End Date: 02/11/2020

+
+
+
+
+
+
+

Summary

+
+

Premium Licence 02/11/2020

+
+

TOTAL 02/11/2020

+
+ Checkout +
+
+
+
+
+ + + diff --git a/src/EventHub.Web/wwwroot/global-styles.css b/src/EventHub.Web/wwwroot/global-styles.css index dd38d93..5eee6b7 100644 --- a/src/EventHub.Web/wwwroot/global-styles.css +++ b/src/EventHub.Web/wwwroot/global-styles.css @@ -65,4 +65,152 @@ .nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: #00044A !important; +} + +.big-square-btn .btn { + border: 1px solid rgba(107, 126, 146, 0.20); + min-height: 177px; + background: rgba(107, 126, 146, 0.05); +} +.big-square-btn .btn:hover { + color: #E8345D; + background: #fff; +} +.big-square-btn .fa-plus { + border: 2px dashed; + width: 34px; + height: 34px; + border-radius: 34px; + line-height: 30px; +} + +.track-item { + border: 1px solid rgba(107, 126, 146, 0.20); + padding: 1.5em; + border-radius: 10px; + min-height: 177px; + margin-bottom: 1em; +} +.track-item .track-name{ + font-weight: 500; + font-size: 1.125em; + color: #03044a; +} +.table > :not(:first-child) { + border-top: 1px solid currentColor; +} +.table td, .table th { + font-weight: normal; + padding: 16px 8px; + color: #6B7E92; +} +.text-primary { + color: #E8345D !important; +} +.preview-item { + color: #00044A; +} + +.price small{ + font-size: 20px; + color: #00044A; + font-weight: 800; +} +.price span{ + font-size: 60px; + color: #00044A; + font-weight: 800; +} + +.list-check-icon { + list-style: none; + padding: 0; + margin: 0 30px 0 40px; +} +.list-check-icon li{ + margin: 1em 2em; +} +.list-check-icon .fa { + color:#E8345D; + margin: 0 10px 0 -28px; +} + +.btn-info { + background: #6F32E2; + border-color: #6F32E2; + color: white; +} +.btn-info:hover { + background: #662ad6; + border-color: #662ad6; + color: white; +} +.btn-check:focus + .btn-info, .btn-info:focus { + background: #662ad6; + border-color: #662ad6; + color: white; +} +.faq.shown { + background-color: #fff9f7; +} + +.faq-container .faq { + padding: 20px 40px; + background: #fff; + border: 1px solid #f2f3f5; + margin: 15px 0; + border-radius: 6px; +} + +.faq-container .faq h5 { + margin: 0; +} + +.faq-container .faq button.btn.btn-faq.collapsed { + +} + +.faq-container .faq button.btn.btn-faq .fas{ + position: absolute; + top: 15px; + left: 0px; +} + +.faq-container .faq button.btn.btn-faq.collapsed .fas{ + color:#E8345D; + transform: rotate(180deg); +} + +.faq-container .faq button.btn.btn-faq { + padding: 10px 40px; + font-size: .9em; + text-align: left; + display: block; + width: 100%; + position: relative; + font-weight: normal; + color: #6B7E92; +} + +.faq-container .faq .faq-body { + padding: 15px 0 10px 0; +} + +.btn-check:focus + .btn, .btn:focus { + box-shadow: none; +} + +.text-dark { + font-weight: 700; + color: #03044a !important; +} +.modal-icon { + display: block; + font-size: 64px; + text-align: center; + margin-bottom: 30px; + color: #6F32E2; +} +.rounded-3 { + border-radius: 1rem !important; } \ No newline at end of file