Merge pull request #3706 from 5e-Cleric/experimental-development

client/homebrew/brewRenderer/notificationPopup/notificationPopup.jsx

@@ -4,7 +4,7 @@ const _     = require('lodash');
 
 import Dialog from '../../../components/dialog.jsx';
 
-const DISMISS_KEY = 'dismiss_notification12-04-23';
+const DISMISS_KEY = 'dismiss_notification04-09-24';
 const DISMISS_BUTTON = <i className='fas fa-times dismiss' />;
 
 const NotificationPopup = ()=>{
@@ -15,11 +15,12 @@ const NotificationPopup = ()=>{
 			<small>This website is always improving and we are still adding new features and squashing bugs. Keep the following in mind:</small>
 		</div>
 		<ul>
-			<li key='psa'>
-				<em>Don't store IMAGES in Google Drive</em><br />
-				Google Drive is not an image service, and will block images from being used
-				in brews if they get more views than expected. Google has confirmed they won't fix
-				this, so we recommend you look for another image hosting service such as imgur, ImgBB or Google Photos.
+			<li key='Vault'>
+				<em>Search brews with our new page!</em><br />
+				We have been working very hard in making this possible, now you can share your work and look at it in the new <a href="/vault">Vault</a> page!
+				All PUBLISHED brews will be available to anyone searching there, by title or author, and filtering by renderer.
+
+				More features will be coming.
 			</li>
 
 			<li key='googleDriveFolder'>

client/homebrew/pages/vaultPage/vaultPage.jsx

@@ -243,6 +243,7 @@ const VaultPage = (props)=>{
 						</a>
 					</li>
 				</ul>
+				<small>New features will be coming, such as filters and search by tags.</small>
 			</legend>
 		</div>
 	);

client/homebrew/pages/vaultPage/vaultPage.less

@@ -245,7 +245,16 @@ body {
 						width            : 47%;
 						margin-right     : 40px;
 						color            : black;
-						background-image : url('/assets/parchmentBackground.jpg');
+						isolation:isolate;
+						
+						&:after {
+							position:absolute;
+							inset:0;
+							display:block;
+							content:'';
+							background-image : url('/assets/parchmentBackground.jpg');
+							z-index:-1;
+						}
 
 						&:nth-child(even of .brewItem) { margin-right : 0; }
 
@@ -256,11 +265,6 @@ body {
 							line-height : 0.988em;
 							color       : var(--HB_Color_HeaderText);
 						}
-
-						.text {
-							position:relative;
-							z-index:2;
-						}
 						.info {
 							font-family : 'ScalySansRemake';
 							font-size   : 1.2em;