added news and updates

.gitignore

@@ -21,3 +21,4 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+package-lock.json

README.md

@@ -30,15 +30,9 @@ This project was bootstrapped with [Create React App](https://github.com/faceboo
 
 - Open [http://localhost:3000](http://localhost:3000) to view it in the browser. You can see all the Creatures owned by the current metamask account and play the game.
 
-## Remaining Tasks
-Done
-- Create minimal landing page (mvp)
-- Deploy to evm compatible mainnets (mvp)
-- Refactor app upon hosting (mvp)
-- Submit dapp (mvp)
-- make responsive website, mobile friendly (mvp)
-
-Ongoing
+## Addendum 
+- 09/16/2023, New section for news and updates, with images, topic and date.
+
 
 
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "lokian.monster",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "private": true,
   "homepage": "https://lokian.monster/",
   "dependencies": {

src/App.js

@@ -82,6 +82,64 @@ function App() {
               </div>
             </header>
 
+            <div className="row">
+              <div className="column">
+                <hr style={{ clear: 'both' }} />
+              </div>
+            </div>
+
+             <div className="row">
+              <div className="column column-50">
+                <h1 className="listings">News and Updates: </h1>
+              </div>
+
+              <div className="column column-50">
+                <div className="column column-95">
+                  <p style={{color:'silver'}}>09/16/2023 - New UI (done) and PvP (work in progress)</p>
+                </div>
+                <div className="column column-95">
+                  <a
+                    href="/newUI-1.png"
+                    target="_blank"
+                  >
+                    <img
+                      src={process.env.PUBLIC_URL + '/newUI-1.png'}
+                    />
+                  </a>
+                </div>
+                <div className="column column-95">
+                  <a
+                    href="/newUI-2.png"
+                    target="_blank"
+                  >
+                    <img
+                      src={process.env.PUBLIC_URL + '/newUI-2.png'}
+                    />
+                  </a>
+                </div>
+                <div className="column column-95">
+                  <a
+                    href="/newUI-3.png"
+                    target="_blank"
+                  >
+                    <img
+                      src={process.env.PUBLIC_URL + '/newUI-3.png'}
+                    />
+                  </a>
+                </div>
+                <div className="column column-95">
+                  <a
+                    href="/newUI-4.png"
+                    target="_blank"
+                  >
+                    <img
+                      src={process.env.PUBLIC_URL + '/newUI-4.png'}
+                    />
+                  </a>
+                </div>
+              </div>
+            </div>
+
             <div className="row">
               <div className="column">
                 <hr style={{ clear: 'both' }} />