Reworked Wii U navigation to use pjax. Added support for B button to go back

src/authentication.js

@@ -22,6 +22,7 @@ database.connect().then(async e => {
             if(communities[i].title_id !== null) {
                 for(let j = 0; j < communities[i].title_id.length; j++) {
                     communityMap.set(communities[i].title_id[j], communities[i].name);
+                    communityMap.set(communities[i].title_id[j] + '-id', communities[i].community_id);
                 }
             }
         }

src/database.js

@@ -203,6 +203,18 @@ async function getCommunityPostsAfterTimestamp(post, numberOfPosts) {
     }).limit(numberOfPosts);
 }
 
+async function pushNewNotificationByPID(PID, content, link) {
+    verifyConnected();
+    return USER.update(
+        { pid: PID }, { $push: { notification_list: { content: content, link: link, read: false, created_at: Date() }}});
+}
+
+async function pushNewNotificationToAll(content, link) {
+    verifyConnected();
+    return USER.updateMany(
+        {}, { $push: { notification_list: { content: content, link: link, read: false, created_at: Date() }}});
+}
+
 async function getDiscoveryHosts() {
     verifyConnected();
     return ENDPOINT.findOne({
@@ -267,5 +279,7 @@ module.exports = {
     getUserByUsername,
     getUserPostsAfterTimestamp,
     getCommunityPostsAfterTimestamp,
-    getServerConfig
+    getServerConfig,
+    pushNewNotificationByPID,
+    pushNewNotificationToAll
 };

src/services/juxt-web/routes/admin/api.js

@@ -431,4 +431,19 @@ router.post('/posts/:postID/delete', function (req, res) {
     });
 });
 
+router.get('/notifications', function (req, res) {
+    database.connect().then(async e => {
+        await database.pushNewNotificationToAll('Testing a system wide notification and linking to a post', '/users/me')
+        res.sendStatus(200);
+    }).catch(error =>
+    {
+        res.statusCode = 400;
+        let response = {
+            error_code: 400,
+            message: error.message
+        };
+        res.send(response);
+    });
+});
+
 module.exports = router;

src/services/juxt-web/routes/ctr/userpage.js

@@ -28,7 +28,7 @@ router.get('/me', function (req, res) {
             });
         }
         else {
-            res.render('ctr/portal_user_page.ejs', {
+            res.render('ctr/user_page.ejs', {
                 // EJS variable and server-side variable
                 user: user,
                 newPosts: newPosts,
@@ -62,7 +62,7 @@ router.get('/show', function (req, res) {
         let newPosts = await database.getPostsByUserID(user.pid);
         let numPosts = await database.getNumberPostsByUserID(user.pid);
         if(isAJAX) {
-            res.render('ctr/portal_user_page_ajax.ejs', {
+            res.render('ctr/user_page_ajax.ejs', {
                 // EJS variable and server-side variable
                 user: user,
                 newPosts: newPosts,
@@ -70,7 +70,7 @@ router.get('/show', function (req, res) {
             });
         }
         else {
-            res.render('ctr/portal_user_page.ejs', {
+            res.render('ctr/user_page.ejs', {
                 // EJS variable and server-side variable
                 user: user,
                 newPosts: newPosts,

src/services/juxt-web/routes/portal/communities.js

@@ -9,25 +9,14 @@ var router = express.Router();
 
 router.get('/', function (req, res) {
     res.header('X-Nintendo-WhiteList','1|http,youtube.com,,2|https,youtube.com,,2|http,.youtube.com,,2|https,.youtube.com,,2|http,.ytimg.com,,2|https,.ytimg.com,,2|http,.googlevideo.com,,2|https,.googlevideo.com,,2|https,youtube.com,/embed/,6|https,youtube.com,/e/,6|https,youtube.com,/v/,6|https,www.youtube.com,/embed/,6|https,www.youtube.com,/e/,6|https,www.youtube.com,/v/,6|https,youtube.googleapis.com,/e/,6|https,youtube.googleapis.com,/v/,6|http,maps.googleapis.com,/maps/api/streetview,2|https,maps.googleapis.com,/maps/api/streetview,2|http,cbk0.google.com,/cbk,2|https,cbk0.google.com,/cbk,2|http,cbk1.google.com,/cbk,2|https,cbk1.google.com,/cbk,2|http,cbk2.google.com,/cbk,2|https,cbk2.google.com,/cbk,2|http,cbk3.google.com,/cbk,2|https,cbk3.google.com,/cbk,2|https,.cloudfront.net,,2|https,www.google-analytics.com,/,2|https,stats.g.doubleclick.net,,2|https,www.google.com,/ads/,2|https,ssl.google-analytics.com,,2|http,fonts.googleapis.com,,2|fonts.googleapis.com,,2|https,www.googletagmanager.com,,2');
-    var isAJAX = ((req.query.ajax+'').toLowerCase() === 'true')
     database.connect().then(async e => {
         let popularCommunities = await database.getMostPopularCommunities(9);
         let newCommunities = await database.getNewCommunities(6);
-        if(isAJAX) {
-            res.render('portal/portal_communities_ajax.ejs', {
-                // EJS variable and server-side variable
-                popularCommunities: popularCommunities,
-                newCommunities: newCommunities
-            });
-        }
-        else {
-            res.render('portal/portal_communities.ejs', {
-                // EJS variable and server-side variable
-                popularCommunities: popularCommunities,
-                newCommunities: newCommunities
-            });
-        }
-
+        res.render('portal/communities.ejs', {
+            // EJS variable and server-side variable
+            popularCommunities: popularCommunities,
+            newCommunities: newCommunities
+        });
     }).catch(error => {
         res.set("Content-Type", "application/xml");
         res.statusCode = 400;
@@ -46,20 +35,11 @@ router.get('/', function (req, res) {
 
 router.get('/all', function (req, res) {
     res.header('X-Nintendo-WhiteList','1|http,youtube.com,,2|https,youtube.com,,2|http,.youtube.com,,2|https,.youtube.com,,2|http,.ytimg.com,,2|https,.ytimg.com,,2|http,.googlevideo.com,,2|https,.googlevideo.com,,2|https,youtube.com,/embed/,6|https,youtube.com,/e/,6|https,youtube.com,/v/,6|https,www.youtube.com,/embed/,6|https,www.youtube.com,/e/,6|https,www.youtube.com,/v/,6|https,youtube.googleapis.com,/e/,6|https,youtube.googleapis.com,/v/,6|http,maps.googleapis.com,/maps/api/streetview,2|https,maps.googleapis.com,/maps/api/streetview,2|http,cbk0.google.com,/cbk,2|https,cbk0.google.com,/cbk,2|http,cbk1.google.com,/cbk,2|https,cbk1.google.com,/cbk,2|http,cbk2.google.com,/cbk,2|https,cbk2.google.com,/cbk,2|http,cbk3.google.com,/cbk,2|https,cbk3.google.com,/cbk,2|https,.cloudfront.net,,2|https,www.google-analytics.com,/,2|https,stats.g.doubleclick.net,,2|https,www.google.com,/ads/,2|https,ssl.google-analytics.com,,2|http,fonts.googleapis.com,,2|fonts.googleapis.com,,2|https,www.googletagmanager.com,,2');
-    var isAJAX = ((req.query.ajax+'').toLowerCase() === 'true')
     database.connect().then(async e => {
         let communities = await database.getCommunities(90);
-        if(isAJAX) {
-            res.render('portal/portal_all_communities_ajax.ejs', {
-                communities: communities,
-            });
-        }
-        else {
-            res.render('portal/portal_all_communities.ejs', {
-                communities: communities,
-            });
-        }
-
+        res.render('portal/all_communities.ejs', {
+            communities: communities,
+        });
     }).catch(error => {
         res.set("Content-Type", "application/xml");
         res.statusCode = 400;
@@ -78,7 +58,6 @@ router.get('/all', function (req, res) {
 
 router.get('/announcements', function (req, res) {
     res.header('X-Nintendo-WhiteList','1|http,youtube.com,,2|https,youtube.com,,2|http,.youtube.com,,2|https,.youtube.com,,2|http,.ytimg.com,,2|https,.ytimg.com,,2|http,.googlevideo.com,,2|https,.googlevideo.com,,2|https,youtube.com,/embed/,6|https,youtube.com,/e/,6|https,youtube.com,/v/,6|https,www.youtube.com,/embed/,6|https,www.youtube.com,/e/,6|https,www.youtube.com,/v/,6|https,youtube.googleapis.com,/e/,6|https,youtube.googleapis.com,/v/,6|http,maps.googleapis.com,/maps/api/streetview,2|https,maps.googleapis.com,/maps/api/streetview,2|http,cbk0.google.com,/cbk,2|https,cbk0.google.com,/cbk,2|http,cbk1.google.com,/cbk,2|https,cbk1.google.com,/cbk,2|http,cbk2.google.com,/cbk,2|https,cbk2.google.com,/cbk,2|http,cbk3.google.com,/cbk,2|https,cbk3.google.com,/cbk,2|https,.cloudfront.net,,2|https,www.google-analytics.com,/,2|https,stats.g.doubleclick.net,,2|https,www.google.com,/ads/,2|https,ssl.google-analytics.com,,2|http,fonts.googleapis.com,,2|fonts.googleapis.com,,2|https,www.googletagmanager.com,,2');
-    var isAJAX = ((req.query.ajax+'').toLowerCase() === 'true')
     database.connect().then(async e => {
         let pid = util.data.processServiceToken(req.headers["x-nintendo-servicetoken"]);
         if(pid === null)
@@ -87,25 +66,13 @@ router.get('/announcements', function (req, res) {
         let community = await database.getCommunityByID('announcements');
         let newPosts = await database.getNumberNewCommunityPostsByID(community, 25);
         let totalNumPosts = await database.getTotalPostsByCommunity(community);
-
-        if(isAJAX) {
-            res.render('portal/portal_announcements_ajax.ejs', {
-                moment: moment,
-                community: community,
-                newPosts: newPosts,
-                user: user,
-                totalNumPosts: totalNumPosts
-            });
-        }
-        else {
-            res.render('portal/portal_announcements.ejs', {
-                moment: moment,
-                community: community,
-                newPosts: newPosts,
-                user: user,
-                totalNumPosts: totalNumPosts
-            });
-        }
+        res.render('portal/announcements.ejs', {
+            moment: moment,
+            community: community,
+            newPosts: newPosts,
+            user: user,
+            totalNumPosts: totalNumPosts
+        });
     }).catch(error => {
         console.error(error);
         res.set("Content-Type", "application/xml");
@@ -123,9 +90,8 @@ router.get('/announcements', function (req, res) {
     });
 });
 
-router.get('/:communityID', function (req, res) {
+router.get('/:communityID/:type', function (req, res) {
     res.header('X-Nintendo-WhiteList','1|http,youtube.com,,2|https,youtube.com,,2|http,.youtube.com,,2|https,.youtube.com,,2|http,.ytimg.com,,2|https,.ytimg.com,,2|http,.googlevideo.com,,2|https,.googlevideo.com,,2|https,youtube.com,/embed/,6|https,youtube.com,/e/,6|https,youtube.com,/v/,6|https,www.youtube.com,/embed/,6|https,www.youtube.com,/e/,6|https,www.youtube.com,/v/,6|https,youtube.googleapis.com,/e/,6|https,youtube.googleapis.com,/v/,6|http,maps.googleapis.com,/maps/api/streetview,2|https,maps.googleapis.com,/maps/api/streetview,2|http,cbk0.google.com,/cbk,2|https,cbk0.google.com,/cbk,2|http,cbk1.google.com,/cbk,2|https,cbk1.google.com,/cbk,2|http,cbk2.google.com,/cbk,2|https,cbk2.google.com,/cbk,2|http,cbk3.google.com,/cbk,2|https,cbk3.google.com,/cbk,2|https,.cloudfront.net,,2|https,www.google-analytics.com,/,2|https,stats.g.doubleclick.net,,2|https,www.google.com,/ads/,2|https,ssl.google-analytics.com,,2|http,fonts.googleapis.com,,2|fonts.googleapis.com,,2|https,www.googletagmanager.com,,2');
-    var isAJAX = ((req.query.ajax+'').toLowerCase() === 'true')
     database.connect().then(async e => {
         let pid = util.data.processServiceToken(req.headers["x-nintendo-servicetoken"]);
         if(pid === null)
@@ -134,28 +100,15 @@ router.get('/:communityID', function (req, res) {
         console.log(req.params.communityID)
         let community = await database.getCommunityByID(req.params.communityID.toString());
         let newPosts = await database.getNumberNewCommunityPostsByID(community, 5);
-        let totalNumPosts = await database.getTotalPostsByCommunity(community);
-
-        if(isAJAX) {
-            res.render('portal/portal_community_ajax.ejs', {
-                // EJS variable and server-side variable
-                moment: moment,
-                community: community,
-                newPosts: newPosts,
-                totalNumPosts: totalNumPosts,
-                user: user
-            });
-        }
-        else {
-            res.render('portal/portal_community.ejs', {
-                // EJS variable and server-side variable
-                moment: moment,
-                community: community,
-                newPosts: newPosts,
-                totalNumPosts: totalNumPosts,
-                user: user
-            });
-        }
+        let totalNumPosts = await database.getTotalPostsByCommunity(community)
+        res.render('portal/community.ejs', {
+            // EJS variable and server-side variable
+            moment: moment,
+            community: community,
+            newPosts: newPosts,
+            totalNumPosts: totalNumPosts,
+            user: user
+        });
     }).catch(error => {
         console.error(error);
         res.set("Content-Type", "application/xml");
@@ -202,7 +155,7 @@ router.get('/:communityID/:type/loadPosts', function (req, res) {
 
         if(posts.length > 0)
         {
-            res.render('portal/portal_more_posts_ajax.ejs', {
+            res.render('portal/more_posts.ejs', {
                 communityMap: communityMap,
                 moment: moment,
                 database: database,

src/services/juxt-web/routes/portal/feed.js

@@ -23,7 +23,7 @@ router.get('/loadPosts', function (req, res) {
         let communityMap = await util.data.getCommunityHash();
         if(newPosts.length > 0)
         {
-            res.render('portal/portal_more_posts_ajax.ejs', {
+            res.render('portal/more_posts_ajax.ejs', {
                 communityMap: communityMap,
                 moment: moment,
                 user: user,

src/services/juxt-web/routes/portal/notifications.js

@@ -7,7 +7,6 @@ var router = express.Router();
 
 router.get('/', function (req, res) {
     res.header('X-Nintendo-WhiteList','1|http,youtube.com,,2|https,youtube.com,,2|http,.youtube.com,,2|https,.youtube.com,,2|http,.ytimg.com,,2|https,.ytimg.com,,2|http,.googlevideo.com,,2|https,.googlevideo.com,,2|https,youtube.com,/embed/,6|https,youtube.com,/e/,6|https,youtube.com,/v/,6|https,www.youtube.com,/embed/,6|https,www.youtube.com,/e/,6|https,www.youtube.com,/v/,6|https,youtube.googleapis.com,/e/,6|https,youtube.googleapis.com,/v/,6|http,maps.googleapis.com,/maps/api/streetview,2|https,maps.googleapis.com,/maps/api/streetview,2|http,cbk0.google.com,/cbk,2|https,cbk0.google.com,/cbk,2|http,cbk1.google.com,/cbk,2|https,cbk1.google.com,/cbk,2|http,cbk2.google.com,/cbk,2|https,cbk2.google.com,/cbk,2|http,cbk3.google.com,/cbk,2|https,cbk3.google.com,/cbk,2|https,.cloudfront.net,,2|https,www.google-analytics.com,/,2|https,stats.g.doubleclick.net,,2|https,www.google.com,/ads/,2|https,ssl.google-analytics.com,,2|http,fonts.googleapis.com,,2||fonts.googleapis.com,,2');
-    var isAJAX = ((req.query.ajax+'').toLowerCase() === 'true')
     database.connect().then(async e => {
 
         //let paramPackData = util.data.decodeParamPack(req.headers["x-nintendo-parampack"]);
@@ -16,21 +15,14 @@ router.get('/', function (req, res) {
         if(pid === null)
             pid = 1000000000;
         let user = await database.getUserByPID(pid);
-        if(isAJAX) {
-            res.render('portal/notifications_ajax.ejs', {
-                moment: moment,
-                user: user,
-            });
-        }
-        else {
-            res.render('portal/notifications.ejs', {
-                moment: moment,
-                user: user,
-            });
-        }
+        res.render('portal/notifications.ejs', {
+            moment: moment,
+            user: user,
+        });
         user.notification_list.filter(noti => noti.read === false).forEach(function(notification) {
             notification.read = true;
         });
+        user.markModified('notification_list');
         user.save();
     }).catch(error => {
         console.log(error);

src/services/juxt-web/routes/portal/show.js

@@ -13,14 +13,14 @@ router.get('/', function (req, res) {
         let user = null;
         if(pid === null)
         {
-            res.render('portal/portal_guest_notice.ejs', {});
+            res.render('portal/guest_notice.ejs', {});
         }
         else
         {
             user = await database.getUserByPID(pid);
             if(user === null)
             {
-                res.render('portal/portal_first_run.ejs', {});
+                res.render('portal/first_run.ejs', {});
             }
             if(moment(user.ban_lift_date).format('YYYY-MM-DD') <= moment().format('YYYY-MM-DD') && user.account_status !== 3) {
                 user.account_status = 0;
@@ -35,7 +35,7 @@ router.get('/', function (req, res) {
              */
             if(user.account_status !== 0)
             {
-                res.render('portal/portal_ban_notification.ejs', {
+                res.render('portal/ban_notification.ejs', {
                     user: user,
                     moment: moment
                 });
@@ -44,7 +44,7 @@ router.get('/', function (req, res) {
             {
                 let popularCommunities = await database.getMostPopularCommunities(9);
                 let newCommunities = await database.getNewCommunities(6);
-                res.render('portal/portal_communities.ejs', {
+                res.render('portal/communities.ejs', {
                     popularCommunities: popularCommunities,
                     newCommunities: newCommunities
                 });
@@ -69,7 +69,7 @@ router.get('/', function (req, res) {
 
 router.get('/first', function (req, res) {
     res.header('X-Nintendo-WhiteList','1|http,youtube.com,,2|https,youtube.com,,2|http,.youtube.com,,2|https,.youtube.com,,2|http,.ytimg.com,,2|https,.ytimg.com,,2|http,.googlevideo.com,,2|https,.googlevideo.com,,2|https,youtube.com,/embed/,6|https,youtube.com,/e/,6|https,youtube.com,/v/,6|https,www.youtube.com,/embed/,6|https,www.youtube.com,/e/,6|https,www.youtube.com,/v/,6|https,youtube.googleapis.com,/e/,6|https,youtube.googleapis.com,/v/,6|http,maps.googleapis.com,/maps/api/streetview,2|https,maps.googleapis.com,/maps/api/streetview,2|http,cbk0.google.com,/cbk,2|https,cbk0.google.com,/cbk,2|http,cbk1.google.com,/cbk,2|https,cbk1.google.com,/cbk,2|http,cbk2.google.com,/cbk,2|https,cbk2.google.com,/cbk,2|http,cbk3.google.com,/cbk,2|https,cbk3.google.com,/cbk,2|https,.cloudfront.net,,2|https,www.google-analytics.com,/,2|https,stats.g.doubleclick.net,,2|https,www.google.com,/ads/,2|https,ssl.google-analytics.com,,2|http,fonts.googleapis.com,,2|fonts.googleapis.com,,2|https,www.googletagmanager.com,,2');
-    res.render('portal/portal_first_run.ejs', {});
+    res.render('portal/first_run.ejs', {});
 });
 
 router.post('/newUser', function (req, res) {

src/services/juxt-web/routes/portal/userpage.js

@@ -21,7 +21,7 @@ router.get('/me', function (req, res) {
         let numPosts = await database.getTotalPostsByUserID(pid);
         let communityMap = await util.data.getCommunityHash();
         if(isAJAX) {
-            res.render('portal/portal_me_page_ajax.ejs', {
+            res.render('portal/me_page_ajax.ejs', {
                 // EJS variable and server-side variable
                 communityMap: communityMap,
                 moment: moment,
@@ -31,7 +31,7 @@ router.get('/me', function (req, res) {
             });
         }
         else {
-            res.render('portal/portal_me_page.ejs', {
+            res.render('portal/me_page.ejs', {
                 // EJS variable and server-side variable
                 communityMap: communityMap,
                 moment: moment,
@@ -114,28 +114,15 @@ router.get('/show', function (req, res) {
         let newPosts = await database.getNumberUserPostsByID(user.pid, 10);
         let numPosts = await database.getTotalPostsByUserID(user.pid);
         let communityMap = await util.data.getCommunityHash();
-        if(isAJAX) {
-            res.render('portal/portal_user_page_ajax.ejs', {
-                // EJS variable and server-side variable
-                communityMap: communityMap,
-                moment: moment,
-                user: user,
-                newPosts: newPosts,
-                numPosts: numPosts,
-                parentUser: parentUser
-            });
-        }
-        else {
-            res.render('portal/portal_user_page.ejs', {
-                // EJS variable and server-side variable
-                communityMap: communityMap,
-                moment: moment,
-                user: user,
-                newPosts: newPosts,
-                numPosts: numPosts,
-                parentUser: parentUser
-            });
-        }
+        res.render('portal/user_page.ejs', {
+            // EJS variable and server-side variable
+            communityMap: communityMap,
+            moment: moment,
+            user: user,
+            newPosts: newPosts,
+            numPosts: numPosts,
+            parentUser: parentUser
+        });
     }).catch(error => {
         console.error(error);
         res.set("Content-Type", "application/xml");
@@ -165,7 +152,7 @@ router.get('/loadPosts', function (req, res) {
         let communityMap = await util.data.getCommunityHash();
         if(newPosts.length > 0)
         {
-            res.render('portal/portal_more_posts_ajax.ejs', {
+            res.render('portal/more_posts_ajax.ejs', {
                 communityMap: communityMap,
                 moment: moment,
                 user: user,
@@ -205,6 +192,7 @@ router.post('/follow', upload.none(), function (req, res) {
             userToFollow.addToFollowers(user.pid);
             user.addToUsers(userToFollow.pid);
             res.sendStatus(200);
+            await database.pushNewNotificationByPID(userToFollow.pid, user.user_id + ' followed you!', '/users/show?pid=' + user.pid)
         }
         else if(req.body.type === 'false' && user !== null  && user.followed_users.indexOf(userToFollow.pid) !== -1)
         {

src/services/juxt-web/routes/portal/web.js

@@ -5,26 +5,37 @@ const util = require('../../../../authentication');
 var path = require('path');
 
 router.get('/css/juxt.css', function (req, res) {
+    res.set("Content-Type", "text/css");
     res.sendFile('css/juxt.css', {root: path.join(__dirname, '../../../../webfiles/portal/')});
 });
 
 router.get('/js/juxt.js', function (req, res) {
+    res.set("Content-Type", "application/javascript; charset=utf-8");
     res.sendFile('js/juxt.js', {root: path.join(__dirname, '../../../../webfiles/portal/')});
 });
 
+router.get('/js/pjax.min.js', function (req, res) {
+    res.set("Content-Type", "application/javascript; charset=utf-8");
+    res.sendFile('js/pjax.min.js', {root: path.join(__dirname, '../../../../webfiles/portal/')});
+});
+
 router.get('/fonts/Poppins-Light.woff', function (req, res) {
+    res.set("Content-Type", "font/woff");
     res.sendFile('fonts/Poppins-Light.woff', {root: path.join(__dirname, '../../../../webfiles/portal/')});
 });
 
 router.get('/fonts/Poppins-Light.ttf', function (req, res) {
+    res.set("Content-Type", "font/ttf");
     res.sendFile('fonts/Poppins-Light.ttf', {root: path.join(__dirname, '../../../../webfiles/portal/')});
 });
 
 router.get('/favicon.ico', function (req, res) {
+    res.set("Content-Type", "image/x-icon");
     res.sendFile('css/favicon.ico', {root: path.join(__dirname, '../../../../webfiles/portal/')});
 });
 
 router.get('/icons/:image_id.png', function (req, res) {
+    res.set("Content-Type", "image/png");
     database.connect().then(async e => {
         let community = await database.getCommunityByID(req.params.image_id.toString());
         if(community !== null) {
@@ -50,6 +61,7 @@ router.get('/icons/:image_id.png', function (req, res) {
 });
 
 router.get('/banner/:image_id.png', function (req, res) {
+    res.set("Content-Type", "image/png");
     database.connect().then(async e => {
         let community = await database.getCommunityByID(req.params.image_id.toString());
         if(community !== null)

src/webfiles/portal/all_communities.ejs

@@ -1,6 +1,7 @@
 <html>
 <head>
     <link rel="stylesheet" type="text/css" href="/css/juxt.css">
+    <script src="/js/pjax.min.js"></script>
     <script src="/js/juxt.js"></script>
     <!-- Global site tag (gtag.js) - Google Analytics -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-279PNEDGEE"></script>
@@ -21,13 +22,13 @@
     </script>
 </head>
 <body>
-<menu id="nav-bar" class="">
-    <li id="nav-bar-profile" data-url="users/me" class="" onclick="loadTab(this)"><a>User Page</a></li>
-    <li id="nav-bar-activity-feed" data-url="activity-feed" class="" onclick="loadTab(this)"><a>Activity Feed</a></li>
-    <li id="nav-bar-communities" data-url="communities" class="selected" onclick="loadTab(this)"><a>Communities</a></li>
-    <li id="nav-bar-messages" data-url="messages" class="" onclick="loadMessagesTab();"><a>Messages<span id="messages-badge" class="badge" style=""></span></a></li>
-    <li id="nav-bar-news" data-url="news" class="" onclick="loadTab(this)"><a>Notifications<span id="news-badge" class="badge" style=""></span></a></li >
-    <li id="nav-bar-exit" class="" onclick="exit()"><a href="">Close</a></li>
+<menu id="nav-bar">
+    <li id="nav-bar-profile" data-pjax="/users/me"><a>User Page</a></li>
+    <li id="nav-bar-activity-feed" data-pjax="/activity-feed"><a>Activity Feed</a></li>
+    <li id="nav-bar-communities" data-pjax="/communities" class="selected"><a>Communities</a></li>
+    <li id="nav-bar-messages" data-pjax="/messages"><a>Messages<span id="messages-badge" class="badge" style=""></span></a></li>
+    <li id="nav-bar-news" data-pjax="/news"><a>Notifications<span id="news-badge" class="badge" style=""></span></a></li >
+    <li id="nav-bar-exit" onclick="exit()"><a href="">Close</a></li>
 </menu>
 <div id="main">
     <h1 class="page-header">All Communities</h1>
@@ -43,7 +44,7 @@
             <tr>
                 <% for(var i = 0; i < communities.length; i++) {%>
                     <td>
-                        <div class="community-list-wrapper" onclick="loadCommunityPage('<%= communities[i].community_id %>')">
+                        <div class="community-list-wrapper" data-pjax="/communities/<%= communities[i].community_id %>/new">
                             <img class="community-list-icon" src="/icons/<%= communities[i].community_id %>.png">
                             <h2 class="community-list-title"><%= communities[i].name %></h2>
                             <h4 class="community-list-followers"><%= communities[i].followers %> followers</h4>
@@ -58,7 +59,8 @@
             </tbody>
         </table>
     </div>
+    <img src="" onerror="wiiuBrowser.showLoadingIcon(!1);window.scroll(0, 0);">
 </div>
-<body onload="stopLoading();wiiuBrowser.lockUserOperation(false);">
+<img src="" onerror="wiiuBrowser.showLoadingIcon(!1);">
 </body>
 </html>

src/webfiles/portal/announcements.ejs

@@ -1,6 +1,7 @@
 <html>
 <head>
     <link rel="stylesheet" type="text/css" href="/css/juxt.css">
+    <script src="/js/pjax.min.js"></script>
     <script src="/js/juxt.js"></script>
     <!-- Global site tag (gtag.js) - Google Analytics -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-279PNEDGEE"></script>
@@ -21,13 +22,13 @@
     </script>
 </head>
 <body>
-<menu id="nav-bar" class="">
-    <li id="nav-bar-profile" data-url="users/me" class="" onclick="loadTab(this)"><a>User Page</a></li>
-    <li id="nav-bar-activity-feed" data-url="activity-feed" class="" onclick="loadTab(this)"><a>Activity Feed</a></li>
-    <li id="nav-bar-communities" data-url="communities" class="selected" onclick="loadTab(this)"><a>Communities</a></li>
-    <li id="nav-bar-messages" data-url="messages" class="" onclick="loadMessagesTab();"><a>Messages<span id="messages-badge" class="badge" style=""></span></a></li>
-    <li id="nav-bar-news" data-url="news" class="" onclick="loadTab(this)"><a>Notifications<span id="news-badge" class="badge" style=""></span></a></li >
-    <li id="nav-bar-exit" class="" onclick="exit()"><a href="">Close</a></li>
+<menu id="nav-bar">
+    <li id="nav-bar-profile" data-pjax="/users/me"><a>User Page</a></li>
+    <li id="nav-bar-activity-feed" data-pjax="/activity-feed"><a>Activity Feed</a></li>
+    <li id="nav-bar-communities" data-pjax="/communities" class="selected"><a>Communities</a></li>
+    <li id="nav-bar-messages" data-pjax="/messages"><a>Messages<span id="messages-badge" class="badge" style=""></span></a></li>
+    <li id="nav-bar-news" data-pjax="/news"><a>Notifications<span id="news-badge" class="badge" style=""></span></a></li >
+    <li id="nav-bar-exit" onclick="exit()"><a href="">Close</a></li>
 </menu>
 <div id="main">
     <div class="community-page-header" style="background-image: url('/banner/<%= community.community_id %>.png')"></div>
@@ -83,6 +84,7 @@
             <%}%>
         </div>
     </div>
+    <img src="" onerror="wiiuBrowser.showLoadingIcon(!1);window.scroll(0, 0);">
 </div>
 <br>
 <body onload="stopLoading(); wiiuBrowser.showLoadingIcon(!1);wiiuBrowser.lockUserOperation(false);">

src/webfiles/portal/communities.ejs

@@ -1,6 +1,7 @@
 <html>
 <head>
     <link rel="stylesheet" type="text/css" href="/css/juxt.css">
+    <script src="/js/pjax.min.js"></script>
     <script src="/js/juxt.js"></script>
     <!-- Global site tag (gtag.js) - Google Analytics -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-279PNEDGEE"></script>
@@ -21,17 +22,17 @@
     </script>
 </head>
 <body>
-<menu id="nav-bar" class="">
-    <li id="nav-bar-profile" data-url="users/me" class="" onclick="loadTab(this)"><a>User Page</a></li>
-    <li id="nav-bar-activity-feed" data-url="activity-feed" class="" onclick="loadTab(this)"><a>Activity Feed</a></li>
-    <li id="nav-bar-communities" data-url="communities" class="selected" onclick="loadTab(this)"><a>Communities</a></li>
-    <li id="nav-bar-messages" data-url="messages" class="" onclick="loadMessagesTab();"><a>Messages<span id="messages-badge" class="badge" style=""></span></a></li>
-    <li id="nav-bar-news" data-url="news" class="" onclick="loadTab(this)"><a>Notifications<span id="news-badge" class="badge" style=""></span></a></li >
-    <li id="nav-bar-exit" class="" onclick="exit()"><a href="">Close</a></li>
+<menu id="nav-bar">
+    <li id="nav-bar-profile" data-pjax="/users/me"><a>User Page</a></li>
+    <li id="nav-bar-activity-feed" data-pjax="/activity-feed"><a>Activity Feed</a></li>
+    <li id="nav-bar-communities" data-pjax="/communities" class="selected"><a>Communities</a></li>
+    <li id="nav-bar-messages" data-pjax="/messages"><a>Messages<span id="messages-badge" class="badge" style=""></span></a></li>
+    <li id="nav-bar-news" data-pjax="/news"><a>Notifications<span id="news-badge" class="badge" style=""></span></a></li >
+    <li id="nav-bar-exit" onclick="exit()"><a href="">Close</a></li>
 </menu>
 <div id="main">
     <h1 class="page-header">Communities</h1>
-    <div id="admin-announcements" class="communities-wrapper announcements-banner" onclick="loadCommunityPage('announcements')">
+    <div id="admin-announcements" class="communities-wrapper announcements-banner" data-pjax="/communities/announcements">
         <p class="announcements-banner-text">Click here to view recent announcements!</p>
     </div>
     <div id="popular" class="communities-wrapper">
@@ -42,7 +43,9 @@
                         <h1 class="communities-header">Popular Places</h1>
                     </td>
                     <td>
-                        <button class="outlined-button" style="margin-left: 575px; margin-top: -20px" onclick="loadCommunityPage('all')">Show All</button>
+                        <div data-pjax="/communities/all">
+                            <button class="outlined-button" style="margin-left: 575px; margin-top: -20px">Show All</button>
+                        </div>
                     </td>
                 </tr>
             </tbody>
@@ -52,7 +55,7 @@
             <tr>
                 <% for(var i = 0; i < popularCommunities.length; i++) {%>
                     <td>
-                        <div class="community-list-wrapper" onclick="loadCommunityPage('<%= popularCommunities[i].community_id %>')">
+                        <div class="community-list-wrapper" data-pjax="/communities/<%= popularCommunities[i].community_id %>/new">
                             <img class="community-list-icon" src="/icons/<%= popularCommunities[i].community_id %>.png">
                             <h2 class="community-list-title"><%= popularCommunities[i].name %></h2>
                             <h4 class="community-list-followers"><%= popularCommunities[i].followers %> followers</h4>
@@ -74,7 +77,7 @@
             <tr>
                 <% for(var j = 0; j < newCommunities.length; j++) {%>
                     <td>
-                        <div class="community-list-wrapper" onclick="loadCommunityPage('<%= newCommunities[j].community_id %>')">
+                        <div class="community-list-wrapper" data-pjax="/communities/<%= newCommunities[j].community_id %>/new">
                             <img class="community-list-icon" src="/icons/<%= newCommunities[j].community_id %>.png">
                             <h2 class="community-list-title"><%= newCommunities[j].name %></h2>
                             <h4 class="community-list-followers"><%= newCommunities[j].followers %> followers</h4>
@@ -89,7 +92,8 @@
             </tbody>
         </table>
     </div>
+    <img src="" onerror="wiiuBrowser.showLoadingIcon(!1);window.scroll(0, 0);">
 </div>
-<body onload="stopLoading();wiiuSound.playSoundByName('BGM_OLV_MAIN', 3);wiiuBrowser.lockUserOperation(false);">
+<body onload="stopLoading();wiiuSound.playSoundByName('BGM_OLV_MAIN', 3);">
 </body>
 </html>

src/webfiles/portal/community.ejs

@@ -1,6 +1,7 @@
 <html>
 <head>
     <link rel="stylesheet" type="text/css" href="/css/juxt.css">
+    <script src="/js/pjax.min.js"></script>
     <script src="/js/juxt.js"></script>
     <!-- Global site tag (gtag.js) - Google Analytics -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-279PNEDGEE"></script>
@@ -21,20 +22,20 @@
     </script>
 </head>
 <body>
-<menu id="nav-bar" class="">
-    <li id="nav-bar-profile" data-url="users/me" class="" onclick="loadTab(this)"><a>User Page</a></li>
-    <li id="nav-bar-activity-feed" data-url="activity-feed" class="" onclick="loadTab(this)"><a>Activity Feed</a></li>
-    <li id="nav-bar-communities" data-url="communities" class="selected" onclick="loadTab(this)"><a>Communities</a></li>
-    <li id="nav-bar-messages" data-url="messages" class="" onclick="loadMessagesTab();"><a>Messages<span id="messages-badge" class="badge" style=""></span></a></li>
-    <li id="nav-bar-news" data-url="news" class="" onclick="loadTab(this)"><a>Notifications<span id="news-badge" class="badge" style=""></span></a></li >
-    <li id="nav-bar-exit" class="" onclick="exit()"><a href="">Close</a></li>
+<menu id="nav-bar">
+    <li id="nav-bar-profile" data-pjax="/users/me"><a>User Page</a></li>
+    <li id="nav-bar-activity-feed" data-pjax="/activity-feed"><a>Activity Feed</a></li>
+    <li id="nav-bar-communities" data-pjax="/communities" class="selected"><a>Communities</a></li>
+    <li id="nav-bar-messages" data-pjax="/messages"><a>Messages<span id="messages-badge" class="badge" style=""></span></a></li>
+    <li id="nav-bar-news" data-pjax="/news"><a>Notifications<span id="news-badge" class="badge" style=""></span></a></li >
+    <li id="nav-bar-exit" onclick="exit()"><a href="">Close</a></li>
 </menu>
 <div id="main">
     <div id="windowOverlay" class="overlay" style="margin-bottom: 0">
         <div class="overlay-content" style="position: fixed">
             <div id="post-window" class="post-wrapper">
                 <!--Start of Main Post-->
-                <form class="post-emotion-radio"  action="/posts/new" method="post" enctype="multipart/form-data">
+                <form class="post-emotion-radio" action="/posts/new" method="post" enctype="multipart/form-data">
                     <table>
                         <tr>
                             <td colspan="2">
@@ -44,59 +45,64 @@
                         <tr>
                             <td>
                                 <img class="post-user-icon" src="<%= user.pfp_uri %>">
+                                <input type="hidden" id="olive_title_id" name="olive_title_id" value="<%= community.title_id[0] %>">
+                                <input type="hidden" id="olive_community_id" name="olive_community_id" value="<%= community.community_id %>">
+                                <input type="hidden" id="_post_type" name="_post_type" value="body">
                             </td>
                             <td>
                                 <div class="post-emotions-wrapper">
                                     <label for="post-emotion-0">
-                                        <input type="radio" name="emotion" id="post-emotion-0" checked>
+                                        <input type="radio" name="emotion" id="post-emotion-0" value="0" checked>
                                         <span class="post-emotion-0"></span>
                                     </label>
                                     <label for="post-emotion-1">
-                                        <input type="radio" name="emotion" id="post-emotion-1">
+                                        <input type="radio" name="emotion" id="post-emotion-1" value="1">
                                         <span class="post-emotion-1"></span>
                                     </label>
                                     <label for="post-emotion-2">
-                                        <input type="radio" name="emotion" id="post-emotion-2">
+                                        <input type="radio" name="emotion" id="post-emotion-2" value="2">
                                         <span class="post-emotion-2"></span>
                                     </label>
                                     <label for="post-emotion-3">
-                                        <input type="radio" name="emotion" id="post-emotion-3">
+                                        <input type="radio" name="emotion" id="post-emotion-3" value="3">
                                         <span class="post-emotion-3"></span>
                                     </label>
                                     <label for="post-emotion-4">
-                                        <input type="radio" name="emotion" id="post-emotion-4">
+                                        <input type="radio" name="emotion" id="post-emotion-4" value="4">
                                         <span class="post-emotion-4"></span>
                                     </label>
                                     <label for="post-emotion-5">
-                                        <input type="radio" name="emotion" id="post-emotion-5">
+                                        <input type="radio" name="emotion" id="post-emotion-5" value="5">
                                         <span class="post-emotion-5"></span>
                                     </label>
                                 </div>
                                 <div class="post-emotions-arrow-left"></div>
                             </td>
+                            <td>
                             <td>
                                 <div class="post-screenshot-picker" onclick="loadScreenshots()">
                                     <div class="post-screenshot-picker-icon"></div>
                                     <div class="post-screenshot-picker-dropdown">
-                                        <div><img src="" class="post-screenshot-preview" id="post-top-screen-preview" onclick="document.getElementById('screenshot-value').value = wiiuMainApplication.getScreenShot(true); loadScreenshots()"></div>
-                                        <div><img src="" class="post-screenshot-preview" id="post-bottom-screen-preview" onclick="document.getElementById('screenshot-value').value = wiiuMainApplication.getScreenShot(false); loadScreenshots()"></div>
-                                        <div><button onclick="document.getElementById('screenshot-value').value = ''; loadScreenshots()">No Screenshot</button></div>
-                                        <input type="hidden" id="screenshot-value" name="screenshot-value" value="">
+                                        <div><img src="" class="post-screenshot-preview" id="post-top-screen-preview" onclick="document.getElementById('screenshot-value').value = wiiuMainApplication.getScreenShot(true);"></div>
+                                        <div><img src="" class="post-screenshot-preview" id="post-bottom-screen-preview" onclick="document.getElementById('screenshot-value').value = wiiuMainApplication.getScreenShot(false);"></div>
+                                        <div onclick="document.getElementById('screenshot-value').value = ''; loadScreenshots()">No Screenshot</div>
+                                        <input type="hidden" id="screenshot-value" name="screenshot" value="">
                                     </div>
                                 </div>
                             </td>
+                            </td>
                         </tr>
                         <tr>
                             <td>
                                 <div class="post-type-button-text selected" onclick="swapPostType(0)"></div>
                             </td>
                             <td rowspan="2" id="post-text-input">
-                                <textarea class="post-textarea" id="comment" name="comment" placeholder="Tap here to make a post." rows="4" cols="50" onchange="if(wiiuFilter.checkWord(this.value) === -2) { this.value = ''; alert('Prost cannot contain explicit language');}"></textarea>
+                                <textarea class="post-textarea" id="comment" name="body" placeholder="Tap here to make a post." rows="4" cols="50" onchange="if(wiiuFilter.checkWord(this.value) === -2) { this.value = ''; alert('Prost cannot contain explicit language');}"></textarea>
                             </td>
                             <td rowspan="2" id="post-painting-input" style="display: none;">
                                 <div class="post-memo">
                                     <img class="post-memo-preview" id="memo" width="640px" height="240px" src="" style="display: none;" onclick="newPainting(false)">
-                                    <input type="hidden" id="memo-value" name="memo-value" value="">
+                                    <input type="hidden" id="memo-value" name="painting" value="">
                                 </div>
                             </td>
                             <br>
@@ -114,9 +120,9 @@
                                 </label>
                             </td>
                         </tr>
-                        <tr>
+                        <tr style="height: 70px">
                             <td class="post-close-button-wrapper" colspan="2">
-                                <div class="post-close-button" onclick="hideNewPostScreen();wiiuMemo.reset();" ></div>
+                                <div class="post-close-button" onclick="hideNewPostScreen();wiiuMemo.reset();">X <b>Close</b></div>
                             </td>
                             <td>
                                 <input type="submit" value="Post" class="submit-button" style="margin-left: -124px;" onclick="wiiuSound.playSoundByName('SE_WAVE_MENU', 1);wiiuSound.playSoundByName('BGM_OLV_MAIN_LOOP_NOWAIT', 3);">
@@ -129,7 +135,9 @@
     </div>
     <div class="community-page-header" style="background-image: url('/banner/<%= community.community_id %>.png')"></div>
     <div class="community-page-header-overlay"></div>
-    <div class="community-page-back-button" onclick="window.history.back()"></div>
+    <div class="community-page-back-button" onclick="window.history.back()">
+        <p class="user-page-back-button-text">Go back</p>
+    </div>
     <div id="community-new-post-wrapper" <%if(user.pid === 1000000000 || user.account_status !== 0) {%> style="display: none" <%}%>>
         <div class="new-post-button-text" onclick="showNewPostScreen()">
             + New Post
@@ -198,13 +206,13 @@
                 <% newPosts.forEach(function(post) { %>
                     <div class="post-user-info-wrapper" id="<%= post.id %>">
                         <%if(post.verified) {%>
-                            <img class="community-page-post-user-icon verified" src="<%= post.mii_face_url %>" onclick="loadUserProfile(<%= post.pid %>)">
+                            <img class="community-page-post-user-icon verified" src="<%= post.mii_face_url %>">
                             <span class="community-page-verified-user-badge community-page-verified" style=""></span>
                         <%} else {%>
-                            <img class="community-page-post-user-icon" src="<%= post.mii_face_url %>" onclick="loadUserProfile(<%= post.pid %>)">
-                            <span class="community-page-verified-user-badge community-page-verified" style="display: none;"></span>
+                            <img class="community-page-post-user-icon" src="<%= post.mii_face_url %>" data-pjax="/users/show?pid=<%= post.pid %>">
+                            <span class="community-page-verified-user-badge community-page-verified" style="display: none;" data-pjax="/users/show?pid=<%= post.pid %>"></span>
                         <%}%>
-                        <h2 class="community-page-post-username" onclick="loadUserProfile(<%= post.pid %>)"><%= post.screen_name %></h2>
+                        <h2 class="community-page-post-username" data-pjax="/users/show?pid=<%= post.pid %>"><%= post.screen_name %></h2>
                         <h4 class="community-page-post-time-stamp"><%= moment(post.created_at).fromNow() %> - <%= community.name %></h4>
 
                         <div class="community-page-post-yeah-button-wrapper <%if(user.likes.indexOf(post.id) !== -1){ %> selected <%}%>">
@@ -236,6 +244,8 @@
             <%}%>
         </div>
     </div>
+    <br>
+    <img src="" onerror="wiiuBrowser.showLoadingIcon(!1);window.scroll(0, 0);">
 </div>
 <br>
 <body onload="stopLoading(); wiiuBrowser.showLoadingIcon(!1);wiiuBrowser.lockUserOperation(false);">

src/webfiles/portal/css/juxt.css

@@ -208,15 +208,23 @@ ul, ol, menu, li {
 .post-close-button-wrapper {
     padding-bottom: 0;
     background-repeat: no-repeat !important;
-    background: url('data:image/png;base64,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') 50px 25px;
 }
 
 .post-close-button {
+    margin-left: 48px;
+    height: 34px;
+    width: 116px;
+    text-align: center;
+    font-size: x-large;
+    color: #673DB6;
+    background-color: white;
+    border-radius: 5px;
+    border-color: #673DB6;
+    border-style: solid;
+    border-width: initial;
+    margin-top: -5px;
+    position: absolute;
     cursor: pointer;
-    height: 40px;
-    margin-top: 24px;
-    width: 120px;
-    margin-left: 50px;
 }
 
 .post-reply-button-wrapper {
@@ -527,7 +535,7 @@ ul, ol, menu, li {
 td.messages-list-wrapper  {
     border-spacing: 0;
     border-top: 2px solid #D6D2D2;
-    max-width: 910px;
+    width: 910px;
 }
 
 td.messages-list-wrapper.top  {
@@ -889,8 +897,7 @@ h4 {
 .community-page-back-button {
     z-index: 3;
     position: absolute;
-    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMoAAAA4CAYAAAC8P2e6AAAABHNCSVQICAgIfAhkiAAACNJJREFUeF7tnHlsVFUUh89DoARkEQVEKENDpcFSUMBKgJSCIiCLICgFVDRY0ahI2EpcSEQxnZYQISySimuAotQGhIBgWRqghbCIUIlYpGWJlM2WAlIRxpyHd3Ln9r4373VeZ957nPmPmbuc87vnu/fchSoAAO0ykocCKLMUgHgApRl+Rx9S4M5WwFfuAygC8KWfnLl9vRLtTR5RR6mTe2eLQt6TAtoK3PLdGql4vP0KQFF6klCkACmgoYDPV6h4vP3LQYGmJBIpQApogQIViiejv48EIgVIAX0FCBSKEFLAgAIEigGRqAgpQKBQDJACBhQgUAyIREVIAQKFYoAUMKAAgWJAJCpCChAoFAOkgAEFCBQDIlERUsD2oDSJagSZg2eqIzVjYwZcrrpKo0YKhF0BW4OCkKxKmQ/xLWNVYeZsXQKf788Ju0jUISlgW1BESHCoUrKnQuGpQzRqpEDYFbAlKDJIpm/MgDVHfgy7QNQhKYAK2A4UgoQC044K2AoUgqRmIfL6Y2Nh/MPD1MpllRdg1MrJNWsoArWcYrttQHESJGMSBsMTsb2gU8sO0KBufbiv4T1w+nIZVFyvhOKLpZBzZDPkl+wLW9jN6psKryWmqP1duPYX9Fg8Omx9h9qRU2y3BShOgiRn3ELo3iZeNz6qbt6ANUc2wbubPwk1jgzVd0qwyZxxiu0RB8UpkCS17wHzh8xSVw/2QSDOX70EVf/+A1F160PbJq0CYmFL8W5IzX3fULCHUsgpwUag1HCUnQIJupc38Uvo0Dxa9RQB2XQsv1qKhSnZq4lj/OWw7IpDP+iuLBjkrRu3UAE8XHYMTlw6DasPbzSlqBYomP93e+AhaFivgdr27tKDhlJC9KNL6zho36yNmsphPWYT9sU+6TuypHbipNLL8wh0aN7O37eWX8EgRx+aNrjb309N9DElpkbhiK0oToJk7pNTYHzX25tlhOSL/TmgFSRYZt8ba/wrD5aPmz+omvwrnsuEHm0TIOquetV+w+Bcvi8Hlu5ZZWiMxWDDY/RxXYcBaix+jl86BR/kLZICg4C81euFaisjtoE2ZeYvB++g6f4mX/wuLaAdBGRS4hjo7ekmtVvWtx4o/G/YYNG5YvDuyDIEuyHhTBSKCChOgkQMfLPpFAYPrhj8KrFhwjL/awO9sfp0b7YukKwuH1AIpgw+vh98BvTmujkBAYcz95TeE4LW5dvhQZGlpjLfxL71VkPeHgaq2dXWBAu6RcMOCkKS+/zigPRkyZ5VsOPEXqt8UtuprLoKv547HnKbOMvys2japnmmUyPeCFxJ2IzLUjiW2rCjUn6vY6Q/cebF/nD23lK8SwVNNtPj7Dzkq0l+08RVkE8tcUUd+GCfgP0ZVuRB4Q85xMMMtO/l7qP8EKJtjy9/Se1bBooIXaQhQTvDDsovk9dJU4KQI1rSQMGpn2Fs9rSQmjabQ8s6q7h+RU2jMACynvnIHzBa+5edk1b60x8+qLQcEUHRSq/4FBLb8uZ/ptq1YOg78HSnx9XmtVJLtH3R8NkBY8dAEScT2Uoo2sgmAJm+vP92gCQioJTMyAspcM1UxmW+y8LhZqpUKxsMFH5QtTpidxt8QOJ3UzekS/NtMZWS7XH4vsQgZADI7OFXDpZG8qmguNLwbfD28ysK/z3eJ/VZNs6w5qK+ZVcu+tNSI/tBwx2FWDDsK0r6wGmQ0uUpv9nXbvwNRWXH4abvZoiuVK+Om9pQ34dZCQqfdu0/U6R7g85PKOKmWfRUtFELQKwns4GHXe+UTlw5mF1m/NKznf/NTpBEZEXBTkd3Hgjz/v8/JvhvnMXGZk+15f81wX1DWtIr/jFsn3k7RQn2kc3SZgKKByXYpj4YzLytoYCC7cgANuOXUVCCTSTB9Lf697CvKMwBJ8HC76uC3Ysw//g6a4/mwdvrPw6YzfVSHNwPfP2s1z/WZlYUreNo1hi/6WbByK8ozFZZoImThtUrinhiZ/aE0Wo4+PYiBoqTVhZ+xpQdrYoDlDXyQxgQ20v9mi8v3sdo7T2M7mVYv+IeRQ9mGcA8PHqHB7wO2DcDhfdLb1/IX1ayy09xNdxVesB/sIB96O23ahMMse2IguIUWMTjSgyGuduWSo+JxQ2vOEPzgYpBMf7bGQFjIp6MGUlBRFC0YObTQZy9Z29ZoPog1pfN5LJ7FgaKaLNsVRJP1lK/f089yJCljeI9kx1giTgoToFFFig4+56tPA8l5WfU5x5xLWIC7hpkQS4e0bL7DtQBn3wkxTzqPz7WOxnj6ZLdo7A7mj8rz0PjqEbQNyYx4MZdhJR/ooNt83YltOoofUXAp4T8Kor1sf2dpQdUM/t4ugXU53XR2l+J9kQaFluA4hRY8NRnRtLEahdvshQAZ+VvDq6VHv+KQSWrb+b+gA82XE3wgabe7bzsKYiRm3W0iX8UKu6djLw4EPvWAkVmT7C9Wm2mYrYBxSmwoJ2YRnRu1THgdQHbj/x+oQR+Ol4Q9J0WBsiA2N7SNg6f/Q3WHd1q+AWA7Hg4rW8qxN7rCQAGAx1nejxY0PrgPiTh/riAi0WED21atnd10EMG1AZfHvBAMW22/VFY7SGp3omdmNLppby1CQm2bStQnAQLGxj2UlbvkWSwQWSb3Np4GVvTtnH1jGneFtirgmA+iL8zXfD72vDLrD2hlrcdKE6EJdRBoPr2V8CWoGjBwj/is7+0ZKGbFLAtKDJY6E8WuSn0nOWLrUERYaE/gOes4HKTtbYHBcXuGd1V1Zz+SqSbQs9ZvjgCFGdJSta6UQECxY2jSj5ZrgCBYrmk1KAbFSBQ3Diq5JPlChAolktKDbpRAQLFjaNKPlmuAIFiuaTUoBsVIFDcOKrkk+UKECiWS0oNulEBAsWNo0o+Wa6A4vH2LwcFmlreMjVICrhFAR9UKB5vvwJQlJ5u8Yn8IAUsV8DnK1Sivckj6ih1ci1vnBokBVyiwC3frZEK+tIuI3kogDJLAYgHUJq5xD9ygxQIQQFfuQ+gCMCXfnLm9vX/AW2SzuRJ8BLdAAAAAElFTkSuQmCC')
-    0 0;
+    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGUAAAAcCAYAAAB4UXHGAAAABHNCSVQICAgIfAhkiAAAAXxJREFUaEPt2rFLw0AUBvD3/CPcJIKbSHVzk+oiTnboUHcR3OxQ3VTcWsTBwbFzQcVRFHQTuggtiJPSaF10s+jQJWdyUCwOYnNP+kK+WzLd5bvvl5AEwmPlbG6EeYeIZwhjuA0Y4wdkiuyV51vEPD7cNDj7dwOmwV5lwaASXQ0ARZeHTQMUoChsQGEk8TtlcnTCbvP+7VHhdpMRSRQlAqkVDqjebtLa2XYyGlCYUgylB/Ly/kqFWpE63U+F201GJBEUgMhiO6MARBbE+ZUYIPIgTigA+R8QJxS/dDVwqk73gzKHywPPS9uE2M+UrblVWp9dsd8jlw83f+qt/tywr8sYvzcQGyVaNj+1SPtLm3R8d0Gl8wq6FmrACQUwQgo/lnFGAYw8jAgKYGRhxFD6Yaq3p7R3fSSbNEWriaL0YKLjSfjwx4jXgDhKvBiY1d8AUBReD0ABisIGFEbCnaIUxQ9zeQqzpTOSMU22v60S74Z/SU6nswVVu34KTLDxBVfbrOvhi8/RAAAAAElFTkSuQmCC') 0 0;
     background-repeat: no-repeat !important;
     cursor: pointer;
     width: 150px;
@@ -1415,7 +1422,7 @@ iframe {
 
 .checkbox-post {
     margin-left: 400px;
-    margin-bottom: -20px;
+    margin-bottom: -45px;
     margin-top: 20px;
     width: 130px;
 }

src/webfiles/portal/first_run.ejs

@@ -1,6 +1,7 @@
 <html>
 <head>
     <link rel="stylesheet" type="text/css" href="/css/juxt.css">
+    <script src="/js/pjax.min.js"></script>
     <script src="/js/juxt.js"></script>
     <!-- Global site tag (gtag.js) - Google Analytics -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-279PNEDGEE"></script>

src/webfiles/portal/guest_notice.ejs

@@ -1,6 +1,7 @@
 <html>
 <head>
     <link rel="stylesheet" type="text/css" href="/css/juxt.css">
+    <script src="/js/pjax.min.js"></script>
     <script src="/js/juxt.js"></script>
     <!-- Global site tag (gtag.js) - Google Analytics -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-279PNEDGEE"></script>

src/webfiles/portal/js/juxt.js

@@ -1,56 +1,106 @@
-var scrollPosition;
-window.onpopstate = handleBackFunctionality;
-
+var scrollPosition, pjax;
 var updateCheck = setInterval(checkForUpdates, 30000);
 {
     var blankMemo = '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';
 }
-
-function handleBackFunctionality() {
-    var oldURL = window.location.pathname;
-    var xhttp = new XMLHttpRequest();
-    //alert(oldURL);
-    if(oldURL.indexOf('users') !== -1)
-    {
-        wiiuSound.playSoundByName("SE_WAVE_MENU", 1);
-        wiiuBrowser.showLoadingIcon(true);
-        loadUserProfile(oldURL.replace('/users/', ''));
-        wiiuBrowser.showLoadingIcon(false);
-    }
-    else if(oldURL === '/communities' || oldURL === '/titles/show')
-    {
-        wiiuBrowser.showLoadingIcon(true);
-        document.getElementById('nav-bar-profile').classList.remove('selected')
-        document.getElementById('nav-bar-communities').classList.add('selected')
-        xhttp.onreadystatechange = function() {
-            if (this.readyState === 4 && this.status === 200) {
-                document.getElementById("main").innerHTML = this.responseText;
-                wiiuBrowser.showLoadingIcon(false);
+/* global Pjax */
+function initNavBar() {
+    var buttons = document.querySelectorAll("li[data-pjax]");
+    if (!buttons)
+        return;
+    for (var i = 0; i < buttons.length; i++) {
+        buttons[i].addEventListener("click", function(e) {
+            var el = e.currentTarget;
+            for(var i = 0; i < buttons.length; i++) {
+                if(buttons[i].classList.contains('selected'))
+                    buttons[i].classList.remove('selected');
+                if(buttons[i].getAttribute('data-pjax') === el.getAttribute("data-pjax"))
+                    buttons[i].classList.add('selected');
             }
-        };
-        xhttp.open("GET", "/communities?ajax=true", true);
-        xhttp.send();
-    }
-    else if(oldURL.indexOf('/communities/') !== -1)
-    {
-        wiiuBrowser.showLoadingIcon(true);
-        var communityID = oldURL.replace('/communities/', '');
-        wiiuBrowser.showLoadingIcon(!0)
-        xhttp.onreadystatechange = function() {
-            if (this.readyState === 4 && this.status === 200) {
-                document.getElementById("main").innerHTML = this.responseText;
-                wiiuBrowser.showLoadingIcon(false);
-            }
-        };
-        xhttp.open("GET", "/communities/" + communityID + '?ajax=true', true);
-        xhttp.send();
-
-        wiiuBrowser.showLoadingIcon(!1);
-    }
-    else {
-        wiiuErrorViewer.openByCodeAndMessage(5981000, 'Please send error code to Jemma on Discord with what you were doing');
+            wiiuSound.playSoundByName("SE_WAVE_MENU", 1);
+            wiiuBrowser.showLoadingIcon(!0)
+            pjax.loadUrl(el.getAttribute("data-pjax"));
+        });
     }
 }
+function initCommunities() {
+    var buttons = document.querySelectorAll("div[data-pjax]");
+    if (!buttons)
+        return;
+    for (var i = 0; i < buttons.length; i++) {
+        buttons[i].addEventListener("click", function(e) {
+            var el = e.currentTarget;
+            wiiuSound.playSoundByName("SE_WAVE_MENU", 1);
+            wiiuBrowser.showLoadingIcon(!0)
+            pjax.loadUrl(el.getAttribute("data-pjax"));
+        });
+    }
+}
+function initNotifications() {
+    var buttons = document.querySelectorAll("tr[data-pjax]");
+    if (!buttons)
+        return;
+    for (var i = 0; i < buttons.length; i++) {
+        buttons[i].addEventListener("click", function(e) {
+            var el = e.currentTarget;
+            wiiuSound.playSoundByName("SE_WAVE_MENU", 1);
+            wiiuBrowser.showLoadingIcon(!0)
+            pjax.loadUrl(el.getAttribute("data-pjax"));
+        });
+    }
+}
+function initCommunityUsers() {
+    var users = document.querySelectorAll("img[data-pjax], span[data-pjax], h2[data-pjax]");
+    /*users.push(document.querySelectorAll(""));
+    users.push(document.querySelectorAll(""));*/
+    console.log(users)
+    if (!users)
+        return;
+    for (var i = 0; i < users.length; i++) {
+        users[i].addEventListener("click", function(e) {
+            var el = e.currentTarget;
+            wiiuSound.playSoundByName("SE_WAVE_MENU", 1);
+            wiiuBrowser.showLoadingIcon(!0)
+            pjax.loadUrl(el.getAttribute("data-pjax"));
+        });
+    }
+}
+
+console.log("Document initialized:", window.location.href);
+document.addEventListener("pjax:send", function() {
+    console.log("Event: pjax:send", arguments);
+});
+document.addEventListener("pjax:complete", function() {
+    console.log("Event: pjax:complete", arguments);
+});
+document.addEventListener("pjax:error", function() {
+    wiiuErrorViewer.openByCodeAndMessage(5984000, 'Error: Unable to load element. \nPlease send code to Jemma on Discord with what you were doing');
+});
+document.addEventListener("pjax:success", function() {
+    console.log("Event: pjax:success", arguments);
+
+    // Init page content
+    initNavBar();
+    initCommunities();
+    initNotifications();
+    initCommunityUsers();
+});
+document.addEventListener("DOMContentLoaded", function() {
+    // Init Pjax instance
+    pjax = new Pjax({
+        elements: [".js-Pjax"],
+        selectors: ["#main", "#nav-bar", "title"],
+        cacheBust: false
+    });
+    console.log("Pjax initialized.", pjax);
+
+    // Init page content
+    initNavBar();
+    initCommunities();
+    initNotifications();
+    initCommunityUsers();
+});
+
 function stopLoading() {
     if (typeof wiiuBrowser !== 'undefined'
         && typeof wiiuBrowser.endStartUp !== 'undefined') {
@@ -58,85 +108,13 @@ function stopLoading() {
     }
 }
 function exit() {
-    wiiuSound.playSoundByName("SE_WAVE_EXIT", 1);
-    wiiuBrowser.closeApplication();
-}
-function loadTab(element) {
-        if(element.getAttribute('data-url') === 'activity-feed' /*|| element.getAttribute('data-url') === 'news'*/)
-    {
-        alert('Not Implemented. Check back soon!');
-        return;
+    wiiu.gamepad.update()
+    if(wiiu.gamepad.hold === 8192 || wiiu.gamepad.hold === 40960)
+        alert('Debug Menu');
+    else {
+        wiiuSound.playSoundByName("SE_WAVE_EXIT", 1);
+        wiiuBrowser.closeApplication();
     }
-    var elementID = element.id;
-    wiiuBrowser.showLoadingIcon(!0)
-    wiiuBrowser.lockUserOperation(true);
-    var xhttp = new XMLHttpRequest();
-    xhttp.onreadystatechange = function() {
-        if (this.readyState === 4 && this.status === 200) {
-            document.getElementById("main").innerHTML = this.responseText;
-            history.pushState({}, element.getAttribute('data-url'), '/' + element.getAttribute('data-url'));
-        }
-        else if (this.readyState === 4){
-            wiiuErrorViewer.openByCodeAndMessage(5984000 + this.status, 'Error: Unable to load "' + elementID + '"\nPlease send code to Jemma on Discord with what you were doing');
-        }
-    };
-    xhttp.open("GET", "/" + element.getAttribute('data-url') + '?ajax=true', true);
-    xhttp.send();
-
-    document.getElementById('nav-bar-profile').classList.remove('selected')
-    document.getElementById('nav-bar-activity-feed').classList.remove('selected')
-    document.getElementById('nav-bar-communities').classList.remove('selected')
-    document.getElementById('nav-bar-messages').classList.remove('selected')
-    document.getElementById('nav-bar-news').classList.remove('selected')
-
-    document.getElementById(elementID).classList.add('selected')
-
-    wiiuSound.playSoundByName("SE_WAVE_MENU", 1);
-    checkForUpdates();
-}
-function loadCommunityPage(communityID) {
-    wiiuBrowser.showLoadingIcon(!0)
-    wiiuBrowser.lockUserOperation(true);
-    var xhttp = new XMLHttpRequest();
-    xhttp.onreadystatechange = function() {
-        if (this.readyState === 4 && this.status === 200) {
-            document.getElementById("main").innerHTML = this.responseText;
-            history.pushState({}, 'Community', '/communities/' + communityID);
-        }
-        else if (this.readyState === 4){
-            wiiuErrorViewer.openByCodeAndMessage(5981000 + this.status, 'Error: "' + this.statusText + '"\nPlease send code to Jemma on Discord with what you were doing');
-        }
-    };
-    xhttp.open("GET", "/communities/" + communityID + '?ajax=true', true);
-    xhttp.send();
-
-    wiiuSound.playSoundByName("SE_WAVE_MENU", 1);
-    wiiuBrowser.showLoadingIcon(!1);
-    checkForUpdates();
-}
-function loadMessagesTab() {
-    alert('Not Implemented. Check back soon!');
-    /*wiiuBrowser.showLoadingIcon(!0)
-    var xhttp = new XMLHttpRequest();
-    xhttp.onreadystatechange = function() {
-        if (this.readyState === 4 && this.status === 200) {
-            document.getElementById("main").innerHTML = this.responseText;
-            loadMessages()
-        }
-    };
-    xhttp.open("GET", "/messages.html" + '?ajax=true', true);
-    xhttp.send();
-
-    document.getElementById('nav-bar-profile').classList.remove('selected')
-    document.getElementById('nav-bar-activity-feed').classList.remove('selected')
-    document.getElementById('nav-bar-communities').classList.remove('selected')
-    document.getElementById('nav-bar-messages').classList.remove('selected')
-    document.getElementById('nav-bar-news').classList.remove('selected')
-
-    document.getElementById('nav-bar-messages').classList.add('selected')
-
-    wiiuSound.playSoundByName("SE_WAVE_MENU", 1);
-    wiiuBrowser.showLoadingIcon(!1)*/
 }
 function showOverlay() {
     wiiuSound.playSoundByName('SE_OLV_OK', 1)
@@ -319,6 +297,30 @@ function followUser(user) {
 
     }
 }
+function loadMessagesTab() {
+    alert('Not Implemented. Check back soon!');
+    /*wiiuBrowser.showLoadingIcon(!0)
+    var xhttp = new XMLHttpRequest();
+    xhttp.onreadystatechange = function() {
+        if (this.readyState === 4 && this.status === 200) {
+            document.getElementById("main").innerHTML = this.responseText;
+            loadMessages()
+        }
+    };
+    xhttp.open("GET", "/messages.html" + '?ajax=true', true);
+    xhttp.send();
+
+    document.getElementById('nav-bar-profile').classList.remove('selected')
+    document.getElementById('nav-bar-activity-feed').classList.remove('selected')
+    document.getElementById('nav-bar-communities').classList.remove('selected')
+    document.getElementById('nav-bar-messages').classList.remove('selected')
+    document.getElementById('nav-bar-news').classList.remove('selected')
+
+    document.getElementById('nav-bar-messages').classList.add('selected')
+
+    wiiuSound.playSoundByName("SE_WAVE_MENU", 1);
+    wiiuBrowser.showLoadingIcon(!1)*/
+}
 function loadMessages() {
     var xhttp = new XMLHttpRequest();
     xhttp.onreadystatechange = function() {
@@ -516,6 +518,7 @@ function loadPosts(type) {
         if (this.readyState === 4 && this.status === 200) {
             document.getElementById('community-posts-inner-body').innerHTML = this.responseText;
             wiiuBrowser.showLoadingIcon(false);
+            initCommunityUsers();
         }
         else if(this.readyState === 4 && this.status === 204)
         {
@@ -572,6 +575,7 @@ function loadCommunityPosts() {
     xhttp.onreadystatechange = function() {
         if (this.readyState === 4 && this.status === 200) {
             document.getElementsByClassName('community-page-posts-wrapper')[0].innerHTML += this.responseText;
+            initCommunityUsers();
         }
         else if(this.readyState === 4 && this.status === 204)
         {
@@ -587,26 +591,6 @@ function loadCommunityPosts() {
     wiiuSound.playSoundByName("SE_WAVE_MENU", 1);
     wiiuBrowser.showLoadingIcon(!1);
 }
-function loadUserProfile(pid) {
-    if(pid === 'me')
-        return;
-    wiiuBrowser.showLoadingIcon(!0)
-    wiiuBrowser.lockUserOperation(true);
-    var xhttp = new XMLHttpRequest();
-    xhttp.onreadystatechange = function() {
-        if (this.readyState === 4 && this.status === 200) {
-            document.getElementById("main").innerHTML = this.responseText;
-            history.pushState({}, 'User Page', '/users/show?pid=' + pid + '&ajax=true');
-        }
-        else if (this.readyState === 4){
-            wiiuErrorViewer.openByCodeAndMessage(5982000 + this.status, 'Error: "' + this.statusText + '"\nPlease send code to Jemma on Discord with what you were doing');
-        }
-    };
-    xhttp.open("GET", "/users/show?pid=" + pid + "&ajax=true", true);
-    xhttp.send();
-
-    wiiuSound.playSoundByName("SE_WAVE_MENU", 1);
-}
 function switchUserPageTabs(type) {
     document.getElementById('user-page-posts-tab').classList.remove('selected');
     document.getElementById('user-page-friends-tab').classList.remove('selected');
@@ -694,7 +678,6 @@ function searchCommunities() {
     }
 }
 
-
 checkForUpdates();
 function checkForUpdates() {
     var xhttp = new XMLHttpRequest();
@@ -732,12 +715,25 @@ function checkForUpdates() {
     xhttp.open("GET", "/notifications.json", true);
     xhttp.send();
 }
-function filterById(jsonObject, id) {
-    return jsonObject.filter(function(jsonObject) {
-        return (jsonObject['id'] === id);})[0];
-}
+var bButtonCheck = setInterval(function() {
+    wiiu.gamepad.update()
+    if(wiiu.gamepad.hold === 16384 && wiiuBrowser.canHistoryBack()) {
+        wiiuSound.playSoundByName("SE_WAVE_MENU", 1);
+        window.history.back()
+    }
 
+}, 250);
 /*Debugging*/
+if (typeof wiiu === 'undefined') {
+    window.gamepad = {
+        update: function () {
+          return true;
+        },
+        hold: function () {
+            return 0;
+        }
+    };
+}
 if (typeof wiiuSound === 'undefined') {
     window.wiiuSound = {
         playSound: function (soundId, device) {

src/webfiles/portal/me_page.ejs

@@ -1,6 +1,7 @@
 <html>
 <head>
     <link rel="stylesheet" type="text/css" href="/css/juxt.css">
+    <script src="/js/pjax.min.js"></script>
     <script src="/js/juxt.js"></script>
     <!-- Global site tag (gtag.js) - Google Analytics -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-279PNEDGEE"></script>
@@ -21,13 +22,13 @@
     </script>
 </head>
 <body>
-<menu id="nav-bar" class="">
-    <li id="nav-bar-profile" data-url="users/me" class="selected" onclick="loadTab(this)"><a>User Page</a></li>
-    <li id="nav-bar-activity-feed" data-url="activity-feed" class="" onclick="loadTab(this)"><a>Activity Feed</a></li>
-    <li id="nav-bar-communities" data-url="communities" class="" onclick="loadTab(this)"><a>Communities</a></li>
-    <li id="nav-bar-messages" data-url="messages" class="" onclick="loadMessagesTab();"><a>Messages<span id="messages-badge" class="badge" style=""></span></a></li>
-    <li id="nav-bar-news" data-url="news" class="" onclick="loadTab(this)"><a>Notifications<span id="news-badge" class="badge" style=""></span></a></li >
-    <li id="nav-bar-exit" class="" onclick="exit()"><a href="">Close</a></li>
+<menu id="nav-bar">
+    <li id="nav-bar-profile" data-pjax="/users/me" class="selected"><a>User Page</a></li>
+    <li id="nav-bar-activity-feed" data-pjax="/activity-feed"><a>Activity Feed</a></li>
+    <li id="nav-bar-communities" data-pjax="/communities"><a>Communities</a></li>
+    <li id="nav-bar-messages" data-pjax="/messages"><a>Messages<span id="messages-badge" class="badge" style=""></span></a></li>
+    <li id="nav-bar-news" data-pjax="/news"><a>Notifications<span id="news-badge" class="badge" style=""></span></a></li >
+    <li id="nav-bar-exit" onclick="exit()"><a href="">Close</a></li>
 </menu>
 <div id="main">
     <div id="windowOverlay" class="overlay" style="margin-bottom: 0">
@@ -198,7 +199,7 @@
                         <span class="community-page-verified-user-badge community-page-verified" style="display: none;"></span>
                     <%}%>
                     <h2 class="community-page-post-username"><%= post.screen_name %></h2>
-                    <h4 class="community-page-post-time-stamp"><%= moment(post.created_at).fromNow()%> - <%= communityMap.get(post.title_id) %></h4>
+                    <h4 class="community-page-post-time-stamp"><%= moment(post.created_at).fromNow()%> - <a data-pjax="/communities/<%=communityMap.get(post.title_id + '-id')%>"><%= communityMap.get(post.title_id) %></a></h4>
 
                     <div class="community-page-post-yeah-button-wrapper">
                         <div class="community-page-post-yeah-button" onclick="yeah(this.parentNode, <%= post.id %>)"></div>

src/webfiles/portal/more_posts.ejs

@@ -0,0 +1,37 @@
+<% newPosts.forEach(function(post) { %>
+    <div class="post-user-info-wrapper" id="<%= post.id %>">
+        <%if(post.verified) {%>
+            <img class="community-page-post-user-icon verified" src="<%= post.mii_face_url %>" data-pjax="/users/show?pid=<%= post.pid %>">
+            <span class="community-page-verified-user-badge community-page-verified" style=""></span>
+        <%} else {%>
+            <img class="community-page-post-user-icon" src="<%= post.mii_face_url %>" data-pjax="/users/show?pid=<%= post.pid %>">
+            <span class="community-page-verified-user-badge community-page-verified" style="display: none;"></span>
+        <%}%>
+        <h2 class="community-page-post-username" data-pjax="/users/show?pid=<%= post.pid %>"><%= post.screen_name %></h2>
+        <h4 class="community-page-post-time-stamp"><%= moment(post.created_at).fromNow() %> - <%= communityMap.get(post.title_id) %></h4>
+        <div class="community-page-post-yeah-button-wrapper <%if(user.likes.indexOf(post.id) !== -1){ %> selected <%}%>">
+            <div class="community-page-post-yeah-button" onclick="yeah(this.parentNode, <%= post.id %>)"></div>
+        </div>
+        <div id="yeah-<%= post.id %>" class="community-page-post-yeah-count"><%= post.empathy_count %> Yeahs</div>
+    </div>
+    <div class="community-page-post-wrapper">
+        <% if(post.body !== '' && post.painting === '' && post.screenshot === '' && !post.url) { %>
+            <h3><%= post.body %></h3>
+        <%} else { %>
+            <% if(post.screenshot !== '') { %>
+                <img id="<%= post.id %>" class="community-page-post-screenshot" src="data:image/png;base64,<%= post.screenshot %>">
+            <%}%>
+            <% if(post.painting !== '') { %>
+                <img id="<%= post.id%>" class="community-page-post-painting" src="<%= post.painting_uri %>">
+            <%}%>
+            <% if(post.url) { %>
+                <iframe width="760" height="427.5" src="<%= post.url %>" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+            <%}%>
+            <% if(post.body) { %>
+                <div class="community-page-post-text-overlay">
+                    <h3><%= post.body %></h3>
+                </div>
+            <%}%>
+        <%}%>
+    </div>
+<% }); %>

src/webfiles/portal/notifications.ejs

@@ -1,6 +1,7 @@
 <html>
 <head>
     <link rel="stylesheet" type="text/css" href="/css/juxt.css">
+    <script src="/js/pjax.min.js"></script>
     <script src="/js/juxt.js"></script>
     <!-- Global site tag (gtag.js) - Google Analytics -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-279PNEDGEE"></script>
@@ -21,13 +22,13 @@
     </script>
 </head>
 <body>
-<menu id="nav-bar" class="">
-    <li id="nav-bar-profile" data-url="users/me" class="" onclick="loadTab(this)"><a>User Page</a></li>
-    <li id="nav-bar-activity-feed" data-url="activity-feed" class="" onclick="loadTab(this)"><a>Activity Feed</a></li>
-    <li id="nav-bar-communities" data-url="communities" onclick="loadTab(this)"><a>Communities</a></li>
-    <li id="nav-bar-messages" data-url="messages" class="" onclick="loadMessagesTab();"><a>Messages<span id="messages-badge" class="badge" style=""></span></a></li>
-    <li id="nav-bar-news" data-url="news" class="selected" onclick="loadTab(this)"><a>Notifications<span id="news-badge" class="badge" style=""></span></a></li >
-    <li id="nav-bar-exit" class="" onclick="exit()"><a href="">Close</a></li>
+<menu id="nav-bar">
+    <li id="nav-bar-profile" data-pjax="/users/me"><a>User Page</a></li>
+    <li id="nav-bar-activity-feed" data-pjax="/activity-feed"><a>Activity Feed</a></li>
+    <li id="nav-bar-communities" data-pjax="/communities"><a>Communities</a></li>
+    <li id="nav-bar-messages" data-pjax="/messages"><a>Messages<span id="messages-badge" class="badge" style=""></span></a></li>
+    <li id="nav-bar-news" data-pjax="/news" class="selected"><a>Notifications<span id="news-badge" class="badge" style=""></span></a></li >
+    <li id="nav-bar-exit" onclick="exit()"><a href="">Close</a></li>
 </menu>
 <div id="main">
     <h1 id="title" class="page-header">Notifications</h1>
@@ -35,35 +36,40 @@
     <div id="messages-list-wrapper">
         <table cellspacing="0">
             <tbody id="messages-list">
-            <% let i = 0; user.notification_list.reverse().forEach(function(notification) { %>
-                <% if(i === 0) { %>
-                <tr class="message-wrapper" onclick="location.href='<%=notification.link%>'">
-                    <td class="messages-unread-badge-wrapper top">
-                        <%if(!notification.read) {%><div class="unread-badge"></div><%}%>
-                    </td>
-                    <td class="messages-list-wrapper top">
-                        <h3 class="notifications-list-content"><%= notification.content %><span style="color: rgba(113,141,148,1)"> - <%= moment(notification.created_at).fromNow() %></span></h3>
-                    </td>
+            <% if(user.notification_list.length === 0) {%>
+                <p class="no-posts-text" style="margin-left: 36%;">No Notifications</p>
+            <%} else { %>
+                <% let i = 0; user.notification_list.reverse().forEach(function(notification) { %>
+                    <% if(i === 0) { %>
+                    <tr class="message-wrapper" data-pjax="<%=notification.link%>">
+                        <td class="messages-unread-badge-wrapper top">
+                            <%if(!notification.read) {%><div class="unread-badge"></div><%}%>
+                        </td>
+                        <td class="messages-list-wrapper top">
+                            <h3 class="notifications-list-content"><%= notification.content %><span style="color: rgba(113,141,148,1)"> - <%= moment(notification.created_at).fromNow() %></span></h3>
+                        </td>
+                    </tr>
+                    <%i = -1;%>
+                    <%} else {%>
+                    <tr class="message-wrapper" data-pjax="<%=notification.link%>">
+                        <td class="messages-unread-badge-wrapper">
+                            <%if(!notification.read) {%><div class="unread-badge"></div><%}%>
+                        </td>
+                        <td class="messages-list-wrapper">
+                            <h3 class="notifications-list-content"><%= notification.content %><span style="color: rgba(113,141,148,1)"> - <%= moment(notification.created_at).fromNow() %></span></h3>
+                        </td>
+                    </tr>
+                    <%}%>
+                <%});%>
                 </tr>
-                <%i = -1;%>
-                <%} else {%>
-                <tr class="message-wrapper" onclick="location.href='<%=notification.link%>'">
-                    <td class="messages-unread-badge-wrapper">
-                        <%if(!notification.read) {%><div class="unread-badge"></div><%}%>
-                    </td>
-                    <td class="messages-list-wrapper">
-                        <h3 class="notifications-list-content"><%= notification.content %><span style="color: rgba(113,141,148,1)"> - <%= moment(notification.created_at).fromNow() %></span></h3>
-                    </td>
+                <td></td>
+                <td class="messages-list-wrapper end"></td>
                 </tr>
-                <%}%>
-            <%});%>
-            </tr>
-            <td></td>
-            <td class="messages-list-wrapper end"></td>
-            </tr>
+            <%}%>
             </tbody>
         </table>
     </div>
+    <img src="" onerror="wiiuBrowser.showLoadingIcon(!1);window.scroll(0, 0);">
 </div>
 <body onload="stopLoading();wiiuBrowser.lockUserOperation(false);">
 </body>

src/webfiles/portal/notifications_ajax.ejs

@@ -1,35 +0,0 @@
-<h1 id="title" class="page-header">Notifications</h1>
-
-<div id="messages-list-wrapper">
-    <table cellspacing="0">
-        <tbody id="messages-list">
-        <% let i = 0; user.notification_list.reverse().forEach(function(notification) { %>
-            <% if(i === 0) { %>
-                <tr class="message-wrapper" onclick="location.href='<%=notification.link%>'">
-                    <td class="messages-unread-badge-wrapper top">
-                        <%if(!notification.read) {%><div class="unread-badge"></div><%}%>
-                    </td>
-                    <td class="messages-list-wrapper top">
-                        <h3 class="notifications-list-content"><%= notification.content %><span style="color: rgba(113,141,148,1)"> - <%= moment(notification.created_at).fromNow() %></span></h3>
-                    </td>
-                </tr>
-                <%i = -1;%>
-            <%} else {%>
-                <tr class="message-wrapper" onclick="location.href='<%=notification.link%>'">
-                    <td class="messages-unread-badge-wrapper">
-                        <%if(!notification.read) {%><div class="unread-badge"></div><%}%>
-                    </td>
-                    <td class="messages-list-wrapper">
-                        <h3 class="notifications-list-content"><%= notification.content %><span style="color: rgba(113,141,148,1)"> - <%= moment(notification.created_at).fromNow() %></span></h3>
-                    </td>
-                </tr>
-            <%}%>
-        <%});%>
-            </tr>
-                <td></td>
-                <td class="messages-list-wrapper end"></td>
-            </tr>
-        </tbody>
-    </table>
-</div>
-<img src="" onerror="wiiuBrowser.showLoadingIcon(!1);wiiuBrowser.lockUserOperation(false);">

src/webfiles/portal/portal_all_communities_ajax.ejs

@@ -1,29 +0,0 @@
-<h1 class="page-header">All Communities</h1>
-<div class="search-container">
-    <form>
-        <div id="search-icon"></div>
-        <input id="search-bar" onchange="searchCommunities()" onkeyup="searchCommunities()" type="text" placeholder="Search communities..." name="search">
-    </form>
-</div>
-<div id="community-list" class="communities-wrapper">
-    <table style="margin-top: 30px">
-        <tbody>
-        <tr>
-            <% for(var i = 0; i < communities.length; i++) {%>
-                <td>
-                    <div class="community-list-wrapper" onclick="loadCommunityPage('<%= communities[i].community_id %>')">
-                        <img class="community-list-icon" src="/icons/<%= communities[i].community_id %>.png">
-                        <h2 class="community-list-title"><%= communities[i].name %></h2>
-                        <h4 class="community-list-followers"><%= communities[i].followers %> followers</h4>
-                    </div>
-                </td>
-                <% if( (i + 1) % 3 === 0) { %>
-        </tr>
-        <tr>
-            <% } %>
-            <% } %>
-        </tr>
-        </tbody>
-    </table>
-</div>
-<img src="" onerror="wiiuBrowser.lockUserOperation(false);wiiuBrowser.showLoadingIcon(!1);">

src/webfiles/portal/portal_announcements_ajax.ejs

@@ -1,55 +0,0 @@
-<div class="community-page-header" style="background-image: url('/banner/<%= community.community_id %>.png')"></div>
-<div class="community-page-info-container" style="min-height: 150px">
-    <img class="community-page-info-icon" src="/icons/<%= community.community_id %>.png">
-    <h2 class="community-page-title"><%= community.name %></h2>
-    <h4 class="community-page-description"><%= community.description %></h4>
-</div>
-<div class="community-page-posts-wrapper" style="margin-top: -40px;">
-    <div id="community-posts-inner-body">
-        <% if(totalNumPosts === 0) {%>
-            <p class="no-posts-text">No Posts</p>
-        <%} else { %>
-            <button id="load-more-posts-button" onclick="loadCommunityPosts()">Load More Posts</button>
-            <% newPosts.forEach(function(post) { %>
-                <div class="post-user-info-wrapper" id="<%= post.id %>">
-                    <%if(post.verified) {%>
-                        <img class="community-page-post-user-icon verified" src="<%= post.mii_face_url %>">
-                        <span class="community-page-verified-user-badge community-page-verified" style=""></span>
-                    <%} else {%>
-                        <img class="community-page-post-user-icon" src="<%= post.mii_face_url %>" onclick="loadUserProfile(<%= post.pid %>)">
-                        <span class="community-page-verified-user-badge community-page-verified" style="display: none;" onclick="loadUserProfile(<%= post.pid %>)"></span>
-                    <%}%>
-                    <h2 class="community-page-post-username" onclick="loadUserProfile(<%= post.pid %>)"><%= post.screen_name %></h2>
-                    <h4 class="community-page-post-time-stamp"><%= moment(post.created_at).fromNow() %> - <%= community.name %></h4>
-
-                    <div class="community-page-post-yeah-button-wrapper <%if(user.likes.indexOf(post.id) !== -1){ %> selected <%}%>">
-                        <div class="community-page-post-yeah-button" onclick="yeah(this.parentNode, <%= post.id %>)"></div>
-                    </div>
-                    <div id="yeah-<%= post.id %>" class="community-page-post-yeah-count"><%= post.empathy_count %> Yeahs</div>
-                </div>
-                <div class="community-page-post-wrapper">
-                    <% if(post.body !== '' && post.painting === '' && post.screenshot === '' && !post.url) { %>
-                        <h3><%= post.body %></h3>
-                    <%} else { %>
-                        <% if(post.screenshot !== '') { %>
-                            <img id="<%= post.id %>" class="community-page-post-screenshot" src="data:image/png;base64,<%= post.screenshot %>">
-                        <%}%>
-                        <% if(post.painting !== '') { %>
-                            <img id="<%= post.id%>" class="community-page-post-painting" src="<%= post.painting_uri %>">
-                        <%}%>
-                        <% if(post.url) { %>
-                            <iframe width="760" height="427.5" src="<%= post.url %>" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-                        <%}%>
-                        <% if(post.body) { %>
-                            <div class="community-page-post-text-overlay">
-                                <h3><%= post.body %></h3>
-                            </div>
-                        <%}%>
-                    <%}%>
-                </div>
-            <% }); %>
-        <%}%>
-    </div>
-</div>
-<br>
-<img src="" onerror="wiiuBrowser.showLoadingIcon(!1);wiiuBrowser.lockUserOperation(false);">

src/webfiles/portal/portal_communities_ajax.ejs

@@ -1,60 +0,0 @@
-<h1 class="page-header">Communities</h1>
-<div id="admin-announcements" class="communities-wrapper announcements-banner" onclick="loadCommunityPage('announcements')">
-    <p class="announcements-banner-text">Click here to view recent announcements!</p>
-</div>
-<div id="popular" class="communities-wrapper">
-    <table style="padding-top: 20px">
-        <tbody>
-        <tr>
-            <td>
-                <h1 class="communities-header">Popular Places</h1>
-            </td>
-            <td>
-                <button class="outlined-button" style="margin-left: 560px; margin-top: -30px" onclick="loadCommunityPage('all')">Show All</button>
-            </td>
-        </tr>
-        </tbody>
-    </table>
-    <table>
-        <tbody>
-        <tr>
-            <% for(var i = 0; i < popularCommunities.length; i++) {%>
-            <td>
-                <div class="community-list-wrapper" onclick="loadCommunityPage('<%= popularCommunities[i].community_id %>')">
-                    <img class="community-list-icon" src="/icons/<%= popularCommunities[i].community_id %>.png">
-                    <h2 class="community-list-title"><%= popularCommunities[i].name %></h2>
-                    <h4 class="community-list-followers"><%= popularCommunities[i].followers %> followers</h4>
-                </div>
-            </td>
-            <% if( (i + 1) % 3 === 0) { %>
-        </tr>
-        <tr>
-            <% } %>
-            <% } %>
-        </tr>
-        </tbody>
-    </table>
-</div>
-<div id="new" class="communities-wrapper">
-    <h1 class="communities-header">New communities</h1>
-    <table>
-        <tbody>
-        <tr>
-            <% for(var j = 0; j < newCommunities.length; j++) {%>
-            <td>
-                <div class="community-list-wrapper" onclick="loadCommunityPage('<%= newCommunities[j].community_id %>')">
-                    <img class="community-list-icon" src="/icons/<%= newCommunities[j].community_id %>.png">
-                    <h2 class="community-list-title"><%= newCommunities[j].name %></h2>
-                    <h4 class="community-list-followers"><%= newCommunities[j].followers %> followers</h4>
-                </div>
-            </td>
-            <% if( (j + 1) % 3 === 0) { %>
-        </tr>
-        <tr>
-            <% } %>
-            <% } %>
-        </tr>
-        </tbody>
-    </table>
-</div>
-<img src="" onerror="wiiuBrowser.showLoadingIcon(!1);wiiuBrowser.lockUserOperation(false);">

src/webfiles/portal/portal_community_ajax.ejs

@@ -1,213 +0,0 @@
-<div id="windowOverlay" class="overlay" style="margin-bottom: 0">
-    <div class="overlay-content" style="position: fixed">
-        <div id="post-window" class="post-wrapper">
-            <!--Start of Main Post-->
-            <form class="post-emotion-radio" action="/posts/new" method="post" enctype="multipart/form-data">
-                <table>
-                    <tr>
-                        <td colspan="2">
-                            <h1 class="communities-header" style="padding-left: 50px; padding-top: 10px">Post to <%= community.name %></h1>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <img class="post-user-icon" src="<%= user.pfp_uri %>">
-                            <input type="hidden" id="olive_title_id" name="olive_title_id" value="<%= community.title_id[0] %>">
-                            <input type="hidden" id="olive_community_id" name="olive_community_id" value="<%= community.community_id %>">
-                            <input type="hidden" id="_post_type" name="_post_type" value="body">
-                        </td>
-                        <td>
-                            <div class="post-emotions-wrapper">
-                                <label for="post-emotion-0">
-                                    <input type="radio" name="emotion" id="post-emotion-0" value="0" checked>
-                                    <span class="post-emotion-0"></span>
-                                </label>
-                                <label for="post-emotion-1">
-                                    <input type="radio" name="emotion" id="post-emotion-1" value="1">
-                                    <span class="post-emotion-1"></span>
-                                </label>
-                                <label for="post-emotion-2">
-                                    <input type="radio" name="emotion" id="post-emotion-2" value="2">
-                                    <span class="post-emotion-2"></span>
-                                </label>
-                                <label for="post-emotion-3">
-                                    <input type="radio" name="emotion" id="post-emotion-3" value="3">
-                                    <span class="post-emotion-3"></span>
-                                </label>
-                                <label for="post-emotion-4">
-                                    <input type="radio" name="emotion" id="post-emotion-4" value="4">
-                                    <span class="post-emotion-4"></span>
-                                </label>
-                                <label for="post-emotion-5">
-                                    <input type="radio" name="emotion" id="post-emotion-5" value="5">
-                                    <span class="post-emotion-5"></span>
-                                </label>
-                            </div>
-                            <div class="post-emotions-arrow-left"></div>
-                        </td>
-                        <td>
-                        <td>
-                            <div class="post-screenshot-picker" onclick="loadScreenshots()">
-                                <div class="post-screenshot-picker-icon"></div>
-                                <div class="post-screenshot-picker-dropdown">
-                                    <div><img src="" class="post-screenshot-preview" id="post-top-screen-preview" onclick="document.getElementById('screenshot-value').value = wiiuMainApplication.getScreenShot(true);"></div>
-                                    <div><img src="" class="post-screenshot-preview" id="post-bottom-screen-preview" onclick="document.getElementById('screenshot-value').value = wiiuMainApplication.getScreenShot(false);"></div>
-                                    <div onclick="document.getElementById('screenshot-value').value = ''; loadScreenshots()">No Screenshot</div>
-                                    <input type="hidden" id="screenshot-value" name="screenshot" value="">
-                                </div>
-                            </div>
-                        </td>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <div class="post-type-button-text selected" onclick="swapPostType(0)"></div>
-                        </td>
-                        <td rowspan="2" id="post-text-input">
-                            <textarea class="post-textarea" id="comment" name="body" placeholder="Tap here to make a post." rows="4" cols="50" onchange="if(wiiuFilter.checkWord(this.value) === -2) { this.value = ''; alert('Prost cannot contain explicit language');}"></textarea>
-                        </td>
-                        <td rowspan="2" id="post-painting-input" style="display: none;">
-                            <div class="post-memo">
-                                <img class="post-memo-preview" id="memo" width="640px" height="240px" src="" style="display: none;" onclick="newPainting(false)">
-                                <input type="hidden" id="memo-value" name="painting" value="">
-                            </div>
-                        </td>
-                        <br>
-                    </tr>
-                    <tr>
-                        <td>
-                            <div class="post-type-button-painting" onclick="swapPostType(1);newPainting(false)"></div>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td colspan="2">
-                            <label class="checkbox-container checkbox-post">Spoilers
-                                <input type="checkbox" id="spoiler" name="spoiler" value="true" onclick="wiiuSound.playSoundByName('SE_WAVE_MENU', 1);">
-                                <span class="checkmark"></span>
-                            </label>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td class="post-close-button-wrapper" colspan="2">
-                            <div class="post-close-button" onclick="hideNewPostScreen();wiiuMemo.reset();" ></div>
-                        </td>
-                        <td>
-                            <input type="submit" value="Post" class="submit-button" style="margin-left: -124px;" onclick="wiiuSound.playSoundByName('SE_WAVE_MENU', 1);wiiuSound.playSoundByName('BGM_OLV_MAIN_LOOP_NOWAIT', 3);">
-                        </td>
-                    </tr>
-                </table>
-            </form>
-        </div>
-    </div>
-</div>
-<div class="community-page-header" style="background-image: url('/banner/<%= community.community_id %>.png')"></div>
-<div class="community-page-header-overlay"></div>
-<div class="community-page-back-button" onclick="window.history.back()"></div>
-<div id="community-new-post-wrapper" <%if(user.pid === 1000000000 || user.account_status !== 0) {%> style="display: none" <%}%>>
-    <div class="new-post-button-text" onclick="showNewPostScreen()">
-        + New Post
-    </div>
-</div>
-<div class="community-page-info-container">
-    <%if(user.followed_communities.indexOf(community.id) !== -1){ %>
-        <div class="community-page-follow-button-wrapper selected">
-            <p class="community-page-follow-button-text" id="<%= community.community_id %>" onclick="followCommunity(this)" style="color: #FFFFFF">Following</p>
-        </div>
-    <%} else {%>
-        <div class="community-page-follow-button-wrapper" <%if(user.pid === 1000000000) {%> style="display: none" <%}%>>
-            <p class="community-page-follow-button-text" id="<%= community.community_id %>" onclick="followCommunity(this)">Follow Community</p>
-        </div>
-    <%}%>
-    <img class="community-page-info-icon" src="/icons/<%= community.community_id %>.png">
-    <h2 class="community-page-title"><%= community.name %></h2>
-    <h4 class="community-page-description"><%= community.description %></h4>
-    <div class="community-page-margin-line"></div>
-    <table class="community-page-table-wrapper">
-        <tbody>
-        <tr>
-            <td>
-                <div class="community-page-shaded-info-container">
-                    <h4 class="community-page-table-label">Followers</h4>
-                    <h4 class="community-page-table-text"><%= community.followers %></h4>
-                </div>
-            </td>
-            <td>
-                <div class="community-page-shaded-info-container">
-                    <h4 class="community-page-table-label">Posts</h4>
-                    <h4 class="community-page-table-text"><%=totalNumPosts%></h4>
-                </div>
-            </td>
-            <td>
-                <div class="community-page-shaded-info-container" style="width: 500px;">
-                    <h4 class="community-page-table-label">Tags</h4>
-                    <h4 class="community-page-table-text">N/A</h4>
-                </div>
-            </td>
-        </tr>
-        </tbody>
-    </table>
-</div>
-<div class="community-page-posts-wrapper">
-    <table class="community-page-posts-header">
-        <tbody>
-        <tr>
-            <td>
-                <h4 id="recent-tab" onclick="loadPosts(0)" class="community-page-posts-header-tab active">Recent posts</h4>
-            </td>
-            <td>
-                <h4 id="popular-tab" onclick="loadPosts(1)" class="community-page-posts-header-tab">Popular posts</h4>
-            </td>
-            <td>
-                <h4 id="verified-tab" onclick="loadPosts(2)" class="community-page-posts-header-tab">Verified posts</h4>
-            </td>
-        </tr>
-        </tbody>
-    </table>
-    <div id="community-posts-inner-body">
-        <% if(totalNumPosts === 0) {%>
-            <p class="no-posts-text">No Posts</p>
-        <%} else { %>
-            <button id="load-more-posts-button" onclick="loadCommunityPosts()">Load More Posts</button>
-            <% newPosts.forEach(function(post) { %>
-                <div class="post-user-info-wrapper" id="<%= post.id %>">
-                    <%if(post.verified) {%>
-                        <img class="community-page-post-user-icon verified" src="<%= post.mii_face_url %>">
-                        <span class="community-page-verified-user-badge community-page-verified" style=""></span>
-                    <%} else {%>
-                        <img class="community-page-post-user-icon" src="<%= post.mii_face_url %>" onclick="loadUserProfile(<%= post.pid %>)">
-                        <span class="community-page-verified-user-badge community-page-verified" style="display: none;" onclick="loadUserProfile(<%= post.pid %>)"></span>
-                    <%}%>
-                    <h2 class="community-page-post-username" onclick="loadUserProfile(<%= post.pid %>)"><%= post.screen_name %></h2>
-                    <h4 class="community-page-post-time-stamp"><%= moment(post.created_at).fromNow() %> - <%= community.name %></h4>
-
-                    <div class="community-page-post-yeah-button-wrapper <%if(user.likes.indexOf(post.id) !== -1){ %> selected <%}%>">
-                        <div class="community-page-post-yeah-button" onclick="yeah(this.parentNode, <%= post.id %>)"></div>
-                    </div>
-                    <div id="yeah-<%= post.id %>" class="community-page-post-yeah-count"><%= post.empathy_count %> Yeahs</div>
-                </div>
-                <div class="community-page-post-wrapper">
-                    <% if(post.body !== '' && post.painting === '' && post.screenshot === '' && !post.url) { %>
-                        <h3><%= post.body %></h3>
-                    <%} else { %>
-                        <% if(post.screenshot !== '') { %>
-                            <img id="<%= post.id %>" class="community-page-post-screenshot" src="data:image/png;base64,<%= post.screenshot %>">
-                        <%}%>
-                        <% if(post.painting !== '') { %>
-                            <img id="<%= post.id%>" class="community-page-post-painting" src="<%= post.painting_uri %>">
-                        <%}%>
-                        <% if(post.url) { %>
-                            <iframe width="760" height="427.5" src="<%= post.url %>" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-                        <%}%>
-                        <% if(post.body) { %>
-                            <div class="community-page-post-text-overlay">
-                                <h3><%= post.body %></h3>
-                            </div>
-                        <%}%>
-                    <%}%>
-                </div>
-            <% }); %>
-        <%}%>
-    </div>
-</div>
-<br>
-<img src="" onerror="wiiuBrowser.showLoadingIcon(!1);wiiuBrowser.lockUserOperation(false);">

src/webfiles/portal/portal_me_page_ajax.ejs

@@ -1,201 +0,0 @@
-<div id="windowOverlay" class="overlay" style="margin-bottom: 0">
-    <div class="overlay-content">
-        <div id="post-window" class="post-wrapper">
-            <!--Start of Main Post-->
-            <form action="/users/me" method="post" enctype="multipart/form-data">
-                <table>
-                    <tr>
-                        <td class="post-close-button-wrapper">
-                            <div class="post-close-button" onclick="hideOverlay()" ></div>
-                        </td>
-                        <td>
-                            <input type="submit" value="Save" class="submit-button" onclick="wiiuSound.playSoundByName('SE_WAVE_MENU', 1);wiiuSound.playSoundByName('BGM_OLV_MAIN_LOOP_NOWAIT', 3);">
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <h1 class="communities-header" style="padding-left: 75px; padding-top: 10px">Profile Settings</h1>
-                        </td>
-                    </tr>
-                    <tr></tr>
-                    <tr>
-                        <td style="padding-left: 75px;">
-                            <label class="checkbox-container">Show Country on Profile
-                                <input type="checkbox" id="country" name="country" value="true" onclick="wiiuSound.playSoundByName('SE_WAVE_MENU', 1);" <%if(user.country_visibility){%>checked="checked"<%}%>>
-                                <span class="checkmark"></span>
-                            </label>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td style="padding-left: 75px;">
-                            <label class="checkbox-container">Show Birthday on Profile
-                                <input type="checkbox" id="birthday" name="birthday" value="true" onclick="wiiuSound.playSoundByName('SE_WAVE_MENU', 1);" <%if(user.birthday_visibility){%>checked="checked"<%}%>>
-                                <span class="checkmark"></span>
-                            </label>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td style="padding-left: 75px;">
-                            <label class="checkbox-container">Show Game Experience on Profile
-                                <input type="checkbox" id="experience" name="experience" value="true" onclick="wiiuSound.playSoundByName('SE_WAVE_MENU', 1);" <%if(user.game_skill_visibility){%>checked="checked"<%}%>>
-                                <span class="checkmark"></span>
-                            </label>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td style="padding-left: 75px;">
-                            <label class="checkbox-container">Show Comment on Profile
-                                <input type="checkbox" id="commentShow" name="commentShow" value="true" onclick="wiiuSound.playSoundByName('SE_WAVE_MENU', 1);" <%if(user.profile_comment_visibility){%>checked="checked"<%}%>>
-                                <span class="checkmark"></span>
-                            </label>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td style="padding-left: 75px;">
-                            <label for="comment" style="font-size: xx-large">Profile Comment</label>
-                            <textarea id="comment" name="comment" maxlength="150" rows="4" cols="50" onchange="if(wiiuFilter.checkWord(this.value) === -2) { this.value = ''; alert('Profile comment cannot contain explicit language');}"><%= user.profile_comment %></textarea>
-                        </td>
-                        <br>
-                    </tr>
-                </table>
-            </form>
-        </div>
-    </div>
-</div>
-<div class="community-page-header" style="background: #673DB6"></div>
-<div class="user-page-back-button" onclick="window.history.back()">
-    <p class="user-page-back-button-text">Go back</p>
-</div>
-<div class="community-page-info-container">
-    <div class="user-page-follow-button-wrapper" <%if(user.pid === 1000000000 || user.account_status !== 0) {%> style="display: none" <%}%>>
-        <p class="user-page-follow-button-text" onclick="showOverlay()">User Settings</p>
-    </div>
-    <img class="community-page-info-icon" src="<%= user.pfp_uri %>">
-    <h2 class="community-page-title"><%= user.user_id %></h2>
-    <h4 class="community-page-description"><%if(user.profile_comment_visibility){%> <%= user.profile_comment %> <%}else {%>Private<%}%></h4>
-    <div class="community-page-margin-line"></div>
-    <table class="community-page-table-wrapper">
-        <tbody>
-        <tr>
-            <td>
-                <div class="community-page-shaded-info-container">
-                    <h4 class="community-page-table-label">Country</h4>
-                    <h4 class="community-page-table-text"><%if(user.country_visibility){%>N/A<%}else {%>Private<%}%></h4>
-                </div>
-            </td>
-            <td>
-                <div class="community-page-shaded-info-container">
-                    <h4 class="community-page-table-label">Birthday</h4>
-                    <h4 class="community-page-table-text"><%if(user.birthday_visibility){%>N/A<%}else {%>Private<%}%></h4>
-                </div>
-            </td>
-            <td>
-                <div class="community-page-shaded-info-container">
-                    <h4 class="community-page-table-label">Game experience</h4>
-                    <h4 class="community-page-table-text">
-                        <%if(user.game_skill_visibility){%>
-                            <%if(user.game_skill === 0) {%>
-                                Beginner
-                            <%} else if(user.game_skill === 1) {%>
-                                Intermediate
-                            <%} else if(user.game_skill === 2) {%>
-                                Expert
-                            <%} else {%>
-                                N/A
-                            <%}%>
-                        <%}else {%>
-                            Private
-                        <%}%>
-                    </h4>
-                </div>
-            </td>
-            <td>
-                <div class="community-page-shaded-info-container">
-                    <h4 class="community-page-table-label">Yeahs</h4>
-                    <h4 class="community-page-table-text">0</h4>
-                </div>
-            </td>
-        </tr>
-        </tbody>
-    </table>
-</div>
-<div>
-    <table class="user-page-tab-table">
-        <tbody>
-        <tr>
-            <td onclick="switchUserPageTabs(0)">
-                <div class="user-page-tab left selected" id="user-page-posts-tab">
-                    <%=numPosts%> Posts
-                </div>
-                <div class="user-page-tab-triangle selected" id="user-page-posts-triangle"></div>
-            </td>
-            <td onclick="switchUserPageTabs(1)">
-                <div class="user-page-tab" id="user-page-friends-tab">
-                    0 Friends
-                </div>
-                <div class="user-page-tab-triangle" id="user-page-friends-triangle"></div>
-            </td>
-            <td onclick="switchUserPageTabs(2)">
-                <div class="user-page-tab" id="user-page-following-tab">
-                    <%= user.following %> Following
-                </div>
-                <div class="user-page-tab-triangle" id="user-page-following-triangle"></div>
-            </td>
-            <td onclick="switchUserPageTabs(3)">
-                <div class="user-page-tab right" id="user-page-followers-tab">
-                    <%= user.followers %> Followers
-                </div>
-                <div class="user-page-tab-triangle" id="user-page-followers-triangle"></div>
-            </td>
-        </tr>
-        </tbody>
-    </table>
-</div>
-<div class="community-page-posts-wrapper" <% if(numPosts === 0) {%>style="height: 110px"<%}%>>
-    <% if(numPosts === 0) {%>
-        <p class="no-posts-text">No Posts</p>
-    <%} else { %>
-        <button id="load-more-posts-button" onclick="loadUserPosts()">Load More Posts</button>
-        <% newPosts.forEach(function(post) { %>
-            <div class="post-user-info-wrapper" id="<%= post.id %>">
-                <%if(post.verified) {%>
-                    <img class="community-page-post-user-icon verified" src="<%= post.mii_face_url %>">
-                    <span class="community-page-verified-user-badge community-page-verified" style=""></span>
-                <%} else {%>
-                    <img class="community-page-post-user-icon" src="<%= post.mii_face_url %>">
-                    <span class="community-page-verified-user-badge community-page-verified" style="display: none;"></span>
-                <%}%>
-                <h2 class="community-page-post-username"><%= post.screen_name %></h2>
-                <h4 class="community-page-post-time-stamp"><%= moment(post.created_at).fromNow() %> - <%= communityMap.get(post.title_id) %></h4>
-
-                <div class="community-page-post-yeah-button-wrapper">
-                    <div class="community-page-post-yeah-button" onclick="yeah(this.parentNode, <%= post.id %>)"></div>
-                </div>
-                <div id="yeah-<%= post.id %>" class="community-page-post-yeah-count"><%= post.empathy_count %> Yeahs</div>
-            </div>
-                <div class="community-page-post-wrapper">
-                    <% if(post.body !== '' && post.painting === '' && post.screenshot === '' && !post.url) { %>
-                        <h3><%= post.body %></h3>
-                    <%} else { %>
-                        <% if(post.screenshot !== '') { %>
-                            <img id="<%= post.id %>" class="community-page-post-screenshot" src="data:image/png;base64,<%= post.screenshot %>">
-                        <%}%>
-                        <% if(post.painting !== '') { %>
-                            <img id="<%= post.id%>" class="community-page-post-painting" src="<%= post.painting_uri %>">
-                        <%}%>
-                        <% if(post.url) { %>
-                            <iframe width="760" height="427.5" src="<%= post.url %>" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-                        <%}%>
-                        <% if(post.body) { %>
-                            <div class="community-page-post-text-overlay">
-                                <h3><%= post.body %></h3>
-                            </div>
-                        <%}%>
-                    <%}%>
-                </div>
-        <% }); %>
-    <%}%>
-</div>
-
-<br>
-<img src="" onerror="wiiuBrowser.showLoadingIcon(!1);window.scroll(0, 0);wiiuBrowser.lockUserOperation(false);">

src/webfiles/portal/portal_me_settings_ajax.ejs

@@ -1,20 +0,0 @@
-<div id="showPost" class="overlay">
-    <div class="overlay-content">
-        <div id="post-window" class="post-wrapper">
-            <table>
-                <tbody>
-                <!--Start of Main Post-->
-                <tr>
-                    <td class="post-close-button-wrapper">
-                        <div class="post-close-button" onclick="hideOverlay()"></div>
-                    </td>
-                    <td>
-
-                    </td>
-                    <td>
-                    </td>
-                </tr>
-            </table>
-        </div>
-    </div>
-</div>

src/webfiles/portal/portal_more_posts_ajax.ejs

@@ -1,38 +0,0 @@
-<% newPosts.forEach(function(post) { %>
-<div class="post-user-info-wrapper" id="<%= post.id %>">
-    <%if(post.verified) {%>
-        <img class="community-page-post-user-icon verified" src="<%= post.mii_face_url %>" onclick="loadUserProfile(<%= post.pid %>)">
-        <span class="community-page-verified-user-badge community-page-verified" style=""></span>
-    <%} else {%>
-        <img class="community-page-post-user-icon" src="<%= post.mii_face_url %>" onclick="loadUserProfile(<%= post.pid %>)">
-        <span class="community-page-verified-user-badge community-page-verified" style="display: none;"></span>
-    <%}%>
-    <h2 class="community-page-post-username" onclick="loadUserProfile(<%= post.pid %>)"><%= post.screen_name %></h2>
-    <h4 class="community-page-post-time-stamp"><%= moment(post.created_at).fromNow() %> - <%= communityMap.get(post.title_id) %></h4>
-
-    <div class="community-page-post-yeah-button-wrapper <%if(user.likes.indexOf(post.id) !== -1){ %> selected <%}%>">
-        <div class="community-page-post-yeah-button" onclick="yeah(this.parentNode, <%= post.id %>)"></div>
-    </div>
-    <div id="yeah-<%= post.id %>" class="community-page-post-yeah-count"><%= post.empathy_count %> Yeahs</div>
-</div>
-<div class="community-page-post-wrapper">
-    <% if(post.body !== '' && post.painting === '' && post.screenshot === '' && !post.url) { %>
-        <h3><%= post.body %></h3>
-    <%} else { %>
-        <% if(post.screenshot !== '') { %>
-            <img id="<%= post.id %>" class="community-page-post-screenshot" src="data:image/png;base64,<%= post.screenshot %>">
-        <%}%>
-        <% if(post.painting !== '') { %>
-            <img id="<%= post.id%>" class="community-page-post-painting" src="<%= post.painting_uri %>">
-        <%}%>
-        <% if(post.url) { %>
-            <iframe width="760" height="427.5" src="<%= post.url %>" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-        <%}%>
-        <% if(post.body) { %>
-            <div class="community-page-post-text-overlay">
-                <h3><%= post.body %></h3>
-            </div>
-        <%}%>
-    <%}%>
-</div>
-<% }); %>

src/webfiles/portal/portal_post_viewer_ajax.ejs

@@ -1,65 +0,0 @@
-<div id="showPost" class="overlay">
-    <div class="overlay-content">
-        <div id="post-window" class="post-wrapper">
-            <div id="reply-banner-wrapper">
-                <div id="reply-banner-upload-menu">
-                    <table>
-                        <tbody>
-                        <tr>
-                            <td></td>
-                            <td>TV Screenshot</td>
-                        </tr>
-                        <tr>
-                            <td></td>
-                            <td>DRC Screenshot</td>
-                        </tr>
-                        <tr>
-                            <td></td>
-                            <td>Drawing</td>
-                        </tr>
-                        </tbody>
-                    </table>
-                </div>
-                <div id="reply-banner-upload-button" onclick="wiiuSound.playSoundByName('SE_OLV_OK', 1);replyBannerMenu()"></div>
-                <div id="reply-banner-submit-button"></div>
-            </div>
-            <table>
-                <tbody>
-                <!--Start of Main Post-->
-                <tr>
-                    <td class="post-close-button-wrapper">
-                        <div class="post-close-button" onclick="hidePost()"></div>
-                    </td>
-                    <td>
-
-                    </td>
-                    <td class="post-reply-button-wrapper">
-                        <div class="post-reply-button" onclick="replyBanner()"></div>
-                    </td>
-                </tr>
-                <tr>
-                    <td colspan="2">
-                        <div class="post-user-info-wrapper">
-                            <img class="verified" id="post-user-icon" src="/icons/mario-kart.jpg">
-                            <span class="verified-user-badge" style="/**display: none;**/"></span>
-                            <h2 id="post-username">Jemma</h2>
-                            <h4 id="post-time-stamp">Today at 14:23 - Mario Community</h4>
-                        </div>
-                    </td>
-                    <td>
-                        <div class="post-yeah-button-wrapper">
-                            <div class="post-yeah-button" onclick="yeah(this.parentNode)"></div>
-                        </div>
-                        <div id="post-yeah-count">0 Yeahs</div>
-                    </td>
-                </tr>
-                <tr>
-                    <td colspan="3">
-                        <img id="painting" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAB4CAYAAACDziveAAADIklEQVR4Ae3BgW4jVxIEwayG/v+XyyYO77A2bBwlDfc46oxI/4QkLTRI0lKDJC01SNJSgyQtNUjSUoMkLTVI0lKDJC01SNJSgyQtNUjSUoMkLTVI0lKDJC01SNJSgyQtNUjSUoMkLTVI0lKDJC01SNJSw8WSIEl3MFwoCQ9JkKR3N0jSUsMPkARJ+qzh5pLwkIQkSNKzhptry6+SIEnPGH6AtmyXhCRIet6g20vCkQRJzxl0e22R9HmDJC31gb4kCX/XFkn3MejTkvBPkiDpPgZ9ShL+TVsk3ccHP0ASjra8UluS0BZJ9zbo09oi6f4GSVpqkKSlBt1eEo62SHrOIElLDZK01KBbS8LRFknPG24uCUdbJOlZgyQtNei2knC0RdLnDJK01CBJSw26pSQcbZH0eYMkLTXcWBKOtkjSZwy6nSQcbZH0NYMkLfXBb5SEZ7Tlf0nC0RZJ+qwPXigJX5GEh7bor5JwtEXS1w0vkoTvSkISJOkVPviN2vKMJPwqCW3ZLglHWyR9zwcv1JavaMtDEh7a8qskHG2RpK/44CJJONpyhbboP5JwtEXS9w2StNRwM0k42vJKSXgHSTjaIukag/5REh6SIOlnGiRpqeFGknC05VWScLTl/ykJR1skXWeQpKUGva0kHG2RdK1Bf5GEoy2Sfq7hJpJwtGWDtjy0RdL1Br21tkh6jUGSlhr0X0k42iLpZxtuIAlHWyTpCsMFknC05Y6ScLRF0s83SNJSg0jC0RZJOwxvLglHWyTpKsNySTjaImmPQZKWGhZLwtEWSbsMkrTU8MaScLTlSkk42iJpn0GSlhqWastDWyTtNLyxtjy05RXaImmv4ZuScLTlam2RpFcYJGmpQW8tCZJeY9DbSsJDEiRdb5CkpQa9pSQcbZF0vUGSlhokaalBb6ktRxIkXW+QpKWGb2rLQ1t0rbY8tEXS9dI/IUkLDZK01CBJSw2StNQgSUsNkrTUIElLDZK01CBJSw2StNQgSUsNkrTUIElLDZK01CBJSw2StNQgSUsNkrTUIElLDZK01CBJSw2StNQgSUsNkrTUIElL/QEnbcj+L2WT+gAAAABJRU5ErkJggg==">
-                    </td>
-                </tr>
-                <!--End of Main Post-->
-            </table>
-        </div>
-    </div>
-</div>

src/webfiles/portal/portal_user_page_ajax.ejs

@@ -1,139 +0,0 @@
-<div class="community-page-header" style="background: #673DB6"></div>
-<div class="user-page-back-button" onclick="window.history.back()">
-    <p class="user-page-back-button-text">Go back</p>
-</div>
-<div class="community-page-info-container">
-    <%if(parentUser.followed_users.indexOf(user.pid) !== -1){ %>
-        <div class="user-page-follow-button-wrapper selected">
-            <p class="user-page-follow-button-text" id="<%= user.pid %>" onclick="followUser(this)" style="color: #FFFFFF">Following</p>
-        </div>
-    <%} else {%>
-        <div class="user-page-follow-button-wrapper">
-            <p class="user-page-follow-button-text" id="<%= user.pid %>" onclick="followUser(this)">Follow User</p>
-        </div>
-    <%}%>
-    <img class="community-page-info-icon" src="<%= user.pfp_uri %>">
-    <h2 class="community-page-title"><%= user.user_id %></h2>
-    <h4 class="community-page-description"><%= user.profile_comment %></h4>
-    <div class="community-page-margin-line"></div>
-    <table class="community-page-table-wrapper">
-        <tbody>
-        <tr>
-            <td>
-                <div class="community-page-shaded-info-container">
-                    <h4 class="community-page-table-label">Country</h4>
-                    <h4 class="community-page-table-text">N/A</h4>
-                </div>
-            </td>
-            <td>
-                <div class="community-page-shaded-info-container">
-                    <h4 class="community-page-table-label">Birthday</h4>
-                    <h4 class="community-page-table-text">N/A</h4>
-                </div>
-            </td>
-            <td>
-                <div class="community-page-shaded-info-container">
-                    <h4 class="community-page-table-label">Game experience</h4>
-                    <h4 class="community-page-table-text">
-                        <%if(user.game_skill === 0) {%>
-                        Beginner
-                        <%} else if(user.game_skill === 1) {%>
-                        Intermediate
-                        <%} else if(user.game_skill === 2) {%>
-                        Expert
-                        <%} else {%>
-                        N/A
-                        <%}%>
-                    </h4>
-                </div>
-            </td>
-            <td>
-                <div class="community-page-shaded-info-container">
-                    <h4 class="community-page-table-label">Yeahs</h4>
-                    <h4 class="community-page-table-text">N/A</h4>
-                </div>
-            </td>
-        </tr>
-        </tbody>
-    </table>
-</div>
-<div>
-    <table class="user-page-tab-table">
-        <tbody>
-        <tr>
-            <td onclick="switchUserPageTabs(0)">
-                <div class="user-page-tab left selected" id="user-page-posts-tab">
-                    <%=numPosts%> Posts
-                </div>
-                <div class="user-page-tab-triangle selected" id="user-page-posts-triangle"></div>
-            </td>
-            <td onclick="switchUserPageTabs(1)">
-                <div class="user-page-tab" id="user-page-friends-tab">
-                    0 Friends
-                </div>
-                <div class="user-page-tab-triangle" id="user-page-friends-triangle"></div>
-            </td>
-            <td onclick="switchUserPageTabs(2)">
-                <div class="user-page-tab" id="user-page-following-tab">
-                    <%= user.following %> Following
-                </div>
-                <div class="user-page-tab-triangle" id="user-page-following-triangle"></div>
-            </td>
-            <td onclick="switchUserPageTabs(3)">
-                <div class="user-page-tab right" id="user-page-followers-tab">
-                    <%= user.followers %> Followers
-                </div>
-                <div class="user-page-tab-triangle" id="user-page-followers-triangle"></div>
-            </td>
-        </tr>
-        </tbody>
-    </table>
-</div>
-<div class="community-page-posts-wrapper">
-    <% if(numPosts === 0) {%>
-        <p class="no-posts-text">No Posts</p>
-    <%} else { %>
-        <button id="load-more-posts-button" onclick="loadUserPosts()">Load More Posts</button>
-        <% newPosts.forEach(function(post) { %>
-            <div class="post-user-info-wrapper" id="<%= post.id %>">
-                <%if(post.verified) {%>
-                    <img class="community-page-post-user-icon verified" src="<%= post.mii_face_url %>">
-                    <span class="community-page-verified-user-badge community-page-verified" style=""></span>
-                <%} else {%>
-                    <img class="community-page-post-user-icon" src="<%= post.mii_face_url %>">
-                    <span class="community-page-verified-user-badge community-page-verified" style="display: none;"></span>
-                <%}%>
-                <h2 class="community-page-post-username"><%= post.screen_name %></h2>
-                <h4 class="community-page-post-time-stamp"><%= moment(post.created_at).fromNow()%> - <%= communityMap.get(post.title_id) %></h4>
-
-                <div class="community-page-post-yeah-button-wrapper <%if(user.likes.indexOf(post.id) !== -1){ %> selected <%}%>">
-                    <div class="community-page-post-yeah-button" onclick="yeah(this.parentNode, <%= post.id %>)"></div>
-                </div>
-                <div id="yeah-<%= post.id %>" class="community-page-post-yeah-count"><%= post.empathy_count %> Yeahs</div>
-            </div>
-                <div class="community-page-post-wrapper">
-                    <% if(post.body !== '' && post.painting === '' && post.screenshot === '' && !post.url) { %>
-                        <h3><%= post.body %></h3>
-                    <%} else { %>
-                        <% if(post.screenshot !== '') { %>
-                            <img id="<%= post.id %>" class="community-page-post-screenshot" src="data:image/png;base64,<%= post.screenshot %>">
-                        <%}%>
-                        <% if(post.painting !== '') { %>
-                            <img id="<%= post.id%>" class="community-page-post-painting" src="<%= post.painting_uri %>">
-                        <%}%>
-                        <% if(post.url) { %>
-                            <iframe width="760" height="427.5" src="<%= post.url %>" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
-                        <%}%>
-                        <% if(post.body) { %>
-                            <div class="community-page-post-text-overlay">
-                                <h3><%= post.body %></h3>
-                            </div>
-                        <%}%>
-                    <%}%>
-                </div>
-        <% }); %>
-    <%}%>
-</div>
-
-<br>
-<img src="" onerror="wiiuBrowser.showLoadingIcon(!1);window.scroll(0, 0);wiiuBrowser.lockUserOperation(false);">

src/webfiles/portal/user_page.ejs

@@ -1,6 +1,7 @@
 <html>
 <head>
     <link rel="stylesheet" type="text/css" href="/css/juxt.css">
+    <script src="/js/pjax.min.js"></script>
     <script src="/js/juxt.js"></script>
     <!-- Global site tag (gtag.js) - Google Analytics -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-279PNEDGEE"></script>
@@ -21,13 +22,13 @@
     </script>
 </head>
 <body>
-<menu id="nav-bar" class="">
-    <li id="nav-bar-profile" data-url="users/me" class="selected" onclick="loadTab(this)"><a>User Page</a></li>
-    <li id="nav-bar-activity-feed" data-url="activity-feed" class="" onclick="loadTab(this)"><a>Activity Feed</a></li>
-    <li id="nav-bar-communities" data-url="communities" class="" onclick="loadTab(this)"><a>Communities</a></li>
-    <li id="nav-bar-messages" data-url="messages" class="" onclick="loadMessagesTab();"><a>Messages<span id="messages-badge" class="badge" style=""></span></a></li>
-    <li id="nav-bar-news" data-url="news" class="" onclick="loadTab(this)"><a>Notifications<span id="news-badge" class="badge" style=""></span></a></li >
-    <li id="nav-bar-exit" class="" onclick="exit()"><a href="">Close</a></li>
+<menu id="nav-bar">
+    <li id="nav-bar-profile" data-pjax="/users/me" class="selected"><a>User Page</a></li>
+    <li id="nav-bar-activity-feed" data-pjax="/activity-feed"><a>Activity Feed</a></li>
+    <li id="nav-bar-communities" data-pjax="/communities"><a>Communities</a></li>
+    <li id="nav-bar-messages" data-pjax="/messages"><a>Messages<span id="messages-badge" class="badge" style=""></span></a></li>
+    <li id="nav-bar-news" data-pjax="/news"><a>Notifications<span id="news-badge" class="badge" style=""></span></a></li >
+    <li id="nav-bar-exit" onclick="exit()"><a href="">Close</a></li>
 </menu>
 <div id="main">
     <div class="community-page-header" style="background: #673DB6"></div>
@@ -37,11 +38,11 @@
     <div class="community-page-info-container">
         <%if(parentUser.followed_users.indexOf(user.pid) !== -1){ %>
             <div class="user-page-follow-button-wrapper selected">
-                <p class="user-page-follow-button-text" id="<%= user.pid %>" onclick="followUser(this)" style="color: #FFFFFF">Following</p>
+                <p class="user-page-follow-button-text" id="<%= user.pid %>" data-pjax="/users/show?pid=<%=user.pid%>" style="color: #FFFFFF">Following</p>
             </div>
         <%} else {%>
             <div class="user-page-follow-button-wrapper">
-                <p class="user-page-follow-button-text" id="<%= user.pid %>" onclick="followUser(this)">Follow User</p>
+                <p class="user-page-follow-button-text" id="<%= user.pid %>" data-pjax="/users/show?pid=<%=user.pid%>">Follow User</p>
             </div>
         <%}%>
         <img class="community-page-info-icon" src="<%= user.pfp_uri %>">
@@ -136,7 +137,7 @@
                     <span class="community-page-verified-user-badge community-page-verified" style="display: none;"></span>
                 <%}%>
                 <h2 class="community-page-post-username"><%= post.screen_name %></h2>
-                <h4 class="community-page-post-time-stamp"><%= moment(post.created_at).fromNow()%> - <%= communityMap.get(post.title_id) %></h4>
+                <h4 class="community-page-post-time-stamp"><%= moment(post.created_at).fromNow()%> - <a data-pjax="/communities/<%=communityMap.get(post.title_id + '-id')%>"><%= communityMap.get(post.title_id) %></a></h4>
 
                 <div class="community-page-post-yeah-button-wrapper <%if(user.likes.indexOf(post.id) !== -1){ %> selected <%}%>">
                     <div class="community-page-post-yeah-button" onclick="yeah(this.parentNode, <%= post.id %>)"></div>