feedback implemented

assets/css/styles.css

@@ -966,14 +966,38 @@ select {
   bottom: 0px;
 }
 
+.bottom-24 {
+  bottom: 6rem;
+}
+
 .left-4 {
   left: 1rem;
 }
 
+.right-4 {
+  right: 1rem;
+}
+
 .top-0 {
   top: 0px;
 }
 
+.left-0 {
+  left: 0px;
+}
+
+.-top-0 {
+  top: 0px;
+}
+
+.-top-0\.5 {
+  top: -0.125rem;
+}
+
+.-top-1 {
+  top: -0.25rem;
+}
+
 .z-20 {
   z-index: 20;
 }
@@ -1049,10 +1073,22 @@ select {
   aspect-ratio: 16/9;
 }
 
+.h-0 {
+  height: 0px;
+}
+
+.h-0\.5 {
+  height: 0.125rem;
+}
+
 .h-1 {
   height: 0.25rem;
 }
 
+.h-16 {
+  height: 4rem;
+}
+
 .h-20 {
   height: 5rem;
 }
@@ -1077,10 +1113,6 @@ select {
   height: 100vh;
 }
 
-.h-16 {
-  height: 4rem;
-}
-
 .w-1\/12 {
   width: 8.333333%;
 }
@@ -1178,10 +1210,6 @@ select {
   align-items: center;
 }
 
-.justify-end {
-  justify-content: flex-end;
-}
-
 .justify-center {
   justify-content: center;
 }
@@ -1263,15 +1291,28 @@ select {
   border-radius: 0.375rem;
 }
 
+.rounded-full {
+  border-radius: 9999px;
+}
+
 .border {
   border-width: 1px;
 }
 
+.border-2 {
+  border-width: 2px;
+}
+
 .border-blue-500 {
   --tw-border-opacity: 1;
   border-color: rgb(10 28 50/var(--tw-border-opacity));
 }
 
+.border-white {
+  --tw-border-opacity: 1;
+  border-color: rgb(255 255 255/var(--tw-border-opacity));
+}
+
 .bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0/var(--tw-bg-opacity));
@@ -1374,18 +1415,6 @@ select {
   --tw-bg-opacity: 0.6;
 }
 
-.bg-opacity-80 {
-  --tw-bg-opacity: 0.8;
-}
-
-.bg-opacity-20 {
-  --tw-bg-opacity: 0.2;
-}
-
-.bg-opacity-30 {
-  --tw-bg-opacity: 0.3;
-}
-
 .object-cover {
   -o-object-fit: cover;
   object-fit: cover;
@@ -1408,6 +1437,14 @@ select {
   padding: 2rem;
 }
 
+.p-1 {
+  padding: 0.25rem;
+}
+
+.p-6 {
+  padding: 1.5rem;
+}
+
 .px-12 {
   padding-left: 3rem;
   padding-right: 3rem;
@@ -1476,10 +1513,6 @@ select {
   padding-bottom: 7rem;
 }
 
-.pb-4 {
-  padding-bottom: 1rem;
-}
-
 .pb-8 {
   padding-bottom: 2rem;
 }
@@ -1619,6 +1652,14 @@ select {
   text-decoration-line: underline;
 }
 
+.opacity-60 {
+  opacity: 0.6;
+}
+
+.opacity-70 {
+  opacity: 0.7;
+}
+
 .shadow-md {
   --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
@@ -1716,6 +1757,15 @@ html {
   background-color: rgb(31 41 55/var(--tw-bg-opacity));
 }
 
+.hover\:text-blue-900:hover {
+  --tw-text-opacity: 1;
+  color: rgb(2 9 23/var(--tw-text-opacity));
+}
+
+.hover\:opacity-100:hover {
+  opacity: 1;
+}
+
 @media (min-width: 640px) {
   .sm\:w-3\/5 {
     width: 60%;
@@ -1977,6 +2027,61 @@ body.login {
   display: none;
 }
 
+.modal {
+  display: none;
+  position: fixed;
+  z-index: 9999;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  background-color: rgba(0, 0, 0, 0.8);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity 0.6s ease-in-out;
+}
+
+.modal--visible {
+  display: block;
+  opacity: 1;
+  pointer-events: auto;
+}
+
+.modal-content {
+  margin: auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  animation: slideIn 0.6s ease-in-out;
+}
+
+.modalOpen {
+  cursor: pointer;
+}
+
+.modalClose {
+  position: fixed;
+  z-index: 9999;
+  top: 5rem;
+  right: 1rem;
+  color: red;
+  font-size: 30px;
+  font-weight: bold;
+  cursor: pointer;
+}
+
+@keyframes slideIn {
+  from {
+    transform: translateY(-50px);
+    opacity: 0;
+  }
+  to {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
 .toggle-menu {
   display: flex;
   width: 30px;

assets/images/resources/ChatGPT_files/[[...default]]-6395e1f389afa57e.js.download

@@ -0,0 +1,2 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2223],{72189:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSP:function(){return p},default:function(){return a}});var n=r(36112),u=r(10721),c=r(70079),o=r(55842),f=r(35250);function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach(function(t){(0,n.Z)(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var p=!0;function a(e){var t=(0,u.useRouter)(),r=(0,o.wS)(t.asPath),n=(0,o.p9)(r);return((0,c.useEffect)(function(){n&&t.replace("/",void 0,{shallow:!0})},[n,t]),n)?null:(0,f.jsx)(o.ZP,s(s({},e),{},{urlThreadId:r}))}},18404:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/[[...default]]",function(){return r(72189)}])}},function(e){e.O(0,[9774,2888,179],function(){return e(e.s=18404)}),_N_E=e.O()}]);
+//# sourceMappingURL=[[...default]]-6395e1f389afa57e.js.map

assets/images/resources/ChatGPT_files/_buildManifest.js.download

@@ -0,0 +1 @@
+self.__BUILD_MANIFEST=function(a,s,c,e){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/_error":["static/chunks/pages/_error-dfd7db9208d5bc06.js"],"/account/cancel":["static/chunks/pages/account/cancel-92d8ce0316071915.js"],"/account/manage":["static/chunks/pages/account/manage-d6c22d23218f3753.js"],"/admin":[a,"static/chunks/pages/admin-0790b301e04e30ad.js"],"/admin/analytics":["static/chunks/3a34cc27-e83cff9ee2ba2afc.js","static/chunks/7549-122f729dc49e6850.js",a,"static/chunks/pages/admin/analytics-a328f77b31a63709.js"],"/admin/billing":[a,"static/chunks/pages/admin/billing-8450732a6dad1f9b.js"],"/admin/gpts":[a,"static/chunks/pages/admin/gpts-0d03f8591be64905.js"],"/admin/identity":[a,"static/chunks/pages/admin/identity-aee2b2bce5345c48.js"],"/admin/settings":[a,"static/chunks/pages/admin/settings-fc1b53fca10cc2c7.js"],"/aip/[pluginId]/oauth/callback":["static/chunks/pages/aip/[pluginId]/oauth/callback-45805e25402663ec.js"],"/auth/disable_mfa":["static/chunks/pages/auth/disable_mfa-d4488527e0a78922.js"],"/auth/enable/internal":["static/chunks/pages/auth/enable/internal-9f6dc7f11533b721.js"],"/auth/error":["static/chunks/pages/auth/error-0bf38b4bd16cede0.js"],"/auth/ext_callback":["static/chunks/pages/auth/ext_callback-3604bf782a1e6a47.js"],"/auth/ext_callback_refresh":["static/chunks/pages/auth/ext_callback_refresh-6c967c6bb3c60b1d.js"],"/auth/login":[s,c,"static/chunks/pages/auth/login-001159e4899e6e7a.js"],"/auth/logout":["static/chunks/pages/auth/logout-68394f2869368842.js"],"/auth/mocked_login":["static/chunks/pages/auth/mocked_login-c5e6b6623024195d.js"],"/bypass":["static/chunks/pages/bypass-4782eea63108c9bc.js"],"/g/[gizmoId]":["static/chunks/pages/g/[gizmoId]-8e1c1bc7b73cf481.js"],"/g/[gizmoId]/about":["static/chunks/pages/g/[gizmoId]/about-a136f826832d4679.js"],"/g/[gizmoId]/c/[convId]":["static/chunks/pages/g/[gizmoId]/c/[convId]-aeb7432eb221b025.js"],"/gpts":["static/chunks/pages/gpts-5e3c4c0a2618076d.js"],"/gpts/discovery":["static/chunks/pages/gpts/discovery-28475bf486cb7133.js"],"/gpts/editor":[e,"static/chunks/pages/gpts/editor-0c6d1961349ade9f.js"],"/gpts/editor/[slug]":[e,"static/chunks/pages/gpts/editor/[slug]-1ad2d17fa8dbfa79.js"],"/gpts/mine":["static/chunks/pages/gpts/mine-8cd086f89bda98ef.js"],"/invite/accepted":["static/chunks/pages/invite/accepted-5050e9452b9743cb.js"],"/invite/[[...referralCodeParam]]":[s,c,"static/chunks/pages/invite/[[...referralCodeParam]]-d288b497b9ca19cb.js"],"/payments/success":["static/chunks/pages/payments/success-e1307aaace1f14ed.js"],"/payments/success-team":["static/chunks/pages/payments/success-team-84079b9b3eebbabf.js"],"/payments/success-trial":["static/chunks/pages/payments/success-trial-c1d97f7edff4cf8b.js"],"/search":["static/chunks/pages/search-a73ece5e9f495bcb.js"],"/share/e/[[...shareParams]]":["static/chunks/pages/share/e/[[...shareParams]]-acb2d64183fe0a7b.js"],"/share/[[...shareParams]]":["static/chunks/pages/share/[[...shareParams]]-81cdb17c8f00c87b.js"],"/status":[s,"static/chunks/pages/status-155fd86ce86ecc55.js"],"/workspace/deactivated":["static/chunks/pages/workspace/deactivated-3ff3b16d85c87728.js"],"/[[...default]]":["static/chunks/pages/[[...default]]-6395e1f389afa57e.js"],sortedPages:["/_app","/_error","/account/cancel","/account/manage","/admin","/admin/analytics","/admin/billing","/admin/gpts","/admin/identity","/admin/settings","/aip/[pluginId]/oauth/callback","/auth/disable_mfa","/auth/enable/internal","/auth/error","/auth/ext_callback","/auth/ext_callback_refresh","/auth/login","/auth/logout","/auth/mocked_login","/bypass","/g/[gizmoId]","/g/[gizmoId]/about","/g/[gizmoId]/c/[convId]","/gpts","/gpts/discovery","/gpts/editor","/gpts/editor/[slug]","/gpts/mine","/invite/accepted","/invite/[[...referralCodeParam]]","/payments/success","/payments/success-team","/payments/success-trial","/search","/share/e/[[...shareParams]]","/share/[[...shareParams]]","/status","/workspace/deactivated","/[[...default]]"]}}("static/chunks/5017-ca2c744f862d22b1.js","static/chunks/3975-727132bb57222b04.js","static/chunks/3754-6dd4d99b259b6acc.js","static/chunks/1992-b7b843613b59cd06.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();

assets/images/resources/ChatGPT_files/_ssgManifest.js.download

@@ -0,0 +1 @@
+self.__SSG_MANIFEST=new Set,self.__SSG_MANIFEST_CB&&self.__SSG_MANIFEST_CB();

assets/images/resources/ChatGPT_files/saved_resource.html

@@ -0,0 +1,28 @@
+
+<!-- saved from url=(0011)about:blank -->
+<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+        
+      <script type="text/javascript" charset="utf-8" src="https://js.intercomcdn.com/frame-modern.a84777de.js"></script><script type="text/javascript" charset="utf-8" src="https://js.intercomcdn.com/vendor-modern.944ec8f3.js"></script></head>
+      <body data-new-gr-c-s-check-loaded="14.1155.0" data-gr-ext-installed="">
+      
+    </body><grammarly-desktop-integration data-grammarly-shadow-root="true"><template shadowrootmode="open"><style>
+      div.grammarly-desktop-integration {
+        position: absolute;
+        width: 1px;
+        height: 1px;
+        padding: 0;
+        margin: -1px;
+        overflow: hidden;
+        clip: rect(0, 0, 0, 0);
+        white-space: nowrap;
+        border: 0;
+        -moz-user-select: none;
+        -webkit-user-select: none;
+        -ms-user-select:none;
+        user-select:none;
+      }
+
+      div.grammarly-desktop-integration:before {
+        content: attr(data-content);
+      }
+    </style><div aria-label="grammarly-integration" role="group" tabindex="-1" class="grammarly-desktop-integration" data-content="{&quot;mode&quot;:&quot;full&quot;,&quot;isActive&quot;:true,&quot;isUserDisabled&quot;:false}"></div></template></grammarly-desktop-integration></html>

assets/js/index.js

@@ -129,6 +129,59 @@ class HammerGestures {
 
 /***/ }),
 
+/***/ "./src/modules/ImageModal.js":
+/*!***********************************!*\
+  !*** ./src/modules/ImageModal.js ***!
+  \***********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+class ImageModal {
+  constructor() {
+    this.init();
+  }
+  init() {
+    document.addEventListener('DOMContentLoaded', () => {
+      this.addModalClickListener('.modalOpen');
+      this.addModalCloseListener('.modalClose');
+    });
+  }
+  addModalClickListener(selector) {
+    this.modalButtons = document.querySelectorAll(selector);
+    this.modalButtons.forEach(modalButton => {
+      modalButton.addEventListener('click', e => {
+        this.openModal(e);
+      });
+    });
+  }
+  addModalCloseListener(selector) {
+    this.modalCloseButtons = document.querySelectorAll(selector);
+    this.modalCloseButtons.forEach(modalCloseButton => {
+      modalCloseButton.addEventListener('click', e => {
+        this.closeModal(e);
+      });
+    });
+  }
+  openModal(e) {
+    var modal = e.target.nextElementSibling;
+
+    // Show the modal with animation
+    modal.classList.add('modal--visible');
+  }
+  closeModal(e) {
+    var modal = e.target.closest('.modal');
+
+    // Hide the modal with animation
+    modal.classList.remove('modal--visible');
+  }
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (ImageModal);
+
+/***/ }),
+
 /***/ "./src/modules/NavControl.js":
 /*!***********************************!*\
   !*** ./src/modules/NavControl.js ***!
@@ -144,6 +197,7 @@ class Nav {
     this.toggleMenuBtn = document.getElementById('toggle-nav');
     this.toggleSlideOutMenu = document.getElementById('slide-out-menu');
     this.accordions = document.querySelectorAll('#slide-out-menu .accordion');
+    this.backButton = document.getElementById('back-button');
     this.init();
   }
   init() {
@@ -191,6 +245,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ });
 /* harmony import */ var _CollapsePanel__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./CollapsePanel */ "./src/modules/CollapsePanel.js");
 /* harmony import */ var _NavControl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./NavControl */ "./src/modules/NavControl.js");
+/* harmony import */ var _ImageModal__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ImageModal */ "./src/modules/ImageModal.js");
+
 
 
 class PageTransitions {
@@ -198,15 +254,26 @@ class PageTransitions {
     // Check if the history array already exists in the sessionStorage
     this.historyArray = JSON.parse(sessionStorage.getItem('historyArray')) || [];
     this.navControl = new _NavControl__WEBPACK_IMPORTED_MODULE_1__["default"]();
+    this.imageModal = new _ImageModal__WEBPACK_IMPORTED_MODULE_2__["default"]();
     this.init();
   }
   init() {
     document.addEventListener('DOMContentLoaded', () => {
       this.addLinkClickListener('a');
       this.addFormSubmitListener('form');
+      this.addBackButtonListener();
       this.createHistoryTracker();
     });
   }
+  addBackButtonListener() {
+    this.navControl.backButton.addEventListener('click', () => {
+      if (JSON.parse(sessionStorage.getItem('historyArray')).length > 1) {
+        this.animatePageTransition(() => {
+          this.loadContent(this.navigateArray('backward'), 'content-container');
+        });
+      }
+    });
+  }
   addLinkClickListener(selector) {
     this.links = document.querySelectorAll(selector);
     this.links.forEach(link => {
@@ -331,6 +398,8 @@ class PageTransitions {
       this.collapsePanel = new _CollapsePanel__WEBPACK_IMPORTED_MODULE_0__["default"]();
       this.collapsePanel.addToggleCollapseListener('#content-container .accordion-toggle');
       this.addLinkClickListener('#content-container a');
+      this.imageModal.addModalClickListener('#content-container .modalOpen');
+      this.imageModal.addModalCloseListener('#content-container .modalClose');
     } else {
       console.error(`Element with ID '${elementId}' not found in the fetched data`);
     }
@@ -542,8 +611,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _modules_NavControl__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./modules/NavControl */ "./src/modules/NavControl.js");
 /* harmony import */ var _modules_CollapsePanel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./modules/CollapsePanel */ "./src/modules/CollapsePanel.js");
 /* harmony import */ var _modules_SplashScreen__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./modules/SplashScreen */ "./src/modules/SplashScreen.js");
-/* harmony import */ var _modules_PageTransitions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./modules/PageTransitions */ "./src/modules/PageTransitions.js");
-/* harmony import */ var _modules_HammerGestures__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./modules/HammerGestures */ "./src/modules/HammerGestures.js");
+/* harmony import */ var _modules_ImageModal__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./modules/ImageModal */ "./src/modules/ImageModal.js");
+/* harmony import */ var _modules_PageTransitions__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./modules/PageTransitions */ "./src/modules/PageTransitions.js");
+/* harmony import */ var _modules_HammerGestures__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./modules/HammerGestures */ "./src/modules/HammerGestures.js");
 // Our modules / classes
 // Import modules e.g import MobileMenu from "./modules/MobileMenu"
 
@@ -553,6 +623,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 // Instantiate a new object using our modules/classes
 // e.g var mobileMenu =  new MobileMenu()
 
@@ -560,8 +631,9 @@ const testModule = new _modules_TestModule__WEBPACK_IMPORTED_MODULE_0__["default
 const navControl = new _modules_NavControl__WEBPACK_IMPORTED_MODULE_1__["default"]();
 const collapsePanel = new _modules_CollapsePanel__WEBPACK_IMPORTED_MODULE_2__["default"]();
 const splashScreen = new _modules_SplashScreen__WEBPACK_IMPORTED_MODULE_3__["default"]();
-const pageTransitions = new _modules_PageTransitions__WEBPACK_IMPORTED_MODULE_4__["default"]();
-const hammerGestures = new _modules_HammerGestures__WEBPACK_IMPORTED_MODULE_5__["default"]();
+const imageModal = new _modules_ImageModal__WEBPACK_IMPORTED_MODULE_4__["default"]();
+const pageTransitions = new _modules_PageTransitions__WEBPACK_IMPORTED_MODULE_5__["default"]();
+const hammerGestures = new _modules_HammerGestures__WEBPACK_IMPORTED_MODULE_6__["default"]();
 })();
 
 /******/ })()