Leahnaya/juxtaposition-ui
1
0
Fork 0
mirror of https://github.com/PretendoNetwork/juxtaposition-ui.git synced 2026-09-09 01:45:31 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Redesign of Admin page. Fixed bug with community id's being rounded down. Added Google Analytics disclaimer to first run setup

Browse Source
This commit is contained in:
CaramelKat
2021-01-25 11:05:37 -06:00
parent daed45e535
commit 511ba42b46
19 changed files with 514 additions and 568 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/database.js
View File

@@ -138,7 +138,7 @@ async function getPostsByCommunityKey(community, numberOfPosts, search_key) {
async function getNewPostsByCommunity(community, numberOfPosts) {
verifyConnected();
return POST.find({
title_id: community.title_id
title_id: community.title_ids
}).sort({ created_at: -1 }).limit(numberOfPosts);
}

1
src/models/communities.js
View File

@@ -3,6 +3,7 @@ const { Schema, model } = require('mongoose');
const CommunitySchema = new Schema({
created_at: {
type: Date,
default: new Date(),
},
empathy_count: {
type: Number,

37
src/services/juxt-web/routes/admin/api.js
View File

@@ -78,6 +78,43 @@ router.get('/communities/:communityID', function (req, res) {
});
});
router.get('/communities/:communityID/delete', function (req, res) {
database.connect().then(async e => {
//let paramPackData = util.data.decodeParamPack(req.headers["x-nintendo-parampack"]);
if(req.cookies.token === null)
throw new Error('No service token supplied');
let pid = util.data.processServiceToken(req.cookies.token);
if(pid === null)
throw new Error('Invalid credentials supplied');
let user = await database.getUserByPID(pid);
if(user !== null)
{
if(config.authorized_PNIDs.indexOf(user.pid) === -1)
throw new Error('Invalid credentials supplied');
let community = await database.getCommunityByID(req.params.communityID);
community.delete().then(err => function () {
res.send(err);
});
}
else
throw new Error('Invalid account ID or password');
}).catch(error =>
{
res.statusCode = 400;
let response = {
error_code: 400,
message: error.message
};
res.send(response);
});
});
router.post('/communities/:communityID/update', upload.fields([{name: 'browserIcon', maxCount: 1}, { name: 'CTRbrowserHeader', maxCount: 1}, { name: 'WiiUbrowserHeader', maxCount: 1}]), function (req, res) {
database.connect().then(async e => {
//let paramPackData = util.data.decodeParamPack(req.headers["x-nintendo-parampack"]);

8
src/services/juxt-web/routes/portal/communities.js
View File

@@ -44,18 +44,16 @@ router.get('/', function (req, res) {
});
});
router.get('/*/new', function (req, res) {
router.get('/:communityID/new', 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');
let community_id = req.originalUrl.replace('/communities/', '').replace('/new','').trim();
var isAJAX = ((req.query.ajax+'').toLowerCase() === 'true')
if(isAJAX)
community_id = community_id.substring(0, community_id.indexOf('?'));
database.connect().then(async e => {
let pid = util.data.processServiceToken(req.headers["x-nintendo-servicetoken"]);
if(pid === null)
pid = 1000000000;
let user = await database.getUserByPID(pid);
let community = await database.getCommunityByID(community_id.substring(0, community_id));
console.log(req.params.communityID)
let community = await database.getCommunityByID(req.params.communityID.toString());
let newPosts = await database.getNewPostsByCommunity(community, 100);
let totalNumPosts = await database.getTotalPostsByCommunity(community);
if(isAJAX) {

29
src/views/admin_audit.ejs Normal file
View File

@@ -0,0 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Juxt Admin Panel</title>
<link rel="stylesheet" type="text/css" href="/css/juxt.css">
</head>
<body>
<h2 style="display: inline-block; margin-left: 20px">Juxt Admin Panel - <%= user.user_id %></h2> <img style="width: 57px; display: inline-block; position: absolute; right: 8px;" src="<%= user.pfp_uri %>">
<div class="row">
<div class="left" style="background-color:#bbb;max-width: 10%;">
<ul id="myMenu">
<li><a href="/">Home</a></li>
<li><a href="/communities">Communities</a></li>
<li><a href="/audit">Audit Log</a></li>
<li><a href="/users">Users</a></li>
<li><a href="/discovery">Discovery</a></li>
</ul>
</div>
<div class="right" style="background-color:#ddd;">
<h2>Posts</h2>
</div>
</div>
</body>
</html>

132
src/views/admin_community.ejs Normal file
View File

@@ -0,0 +1,132 @@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Juxt Admin Panel</title>
<link rel="stylesheet" type="text/css" href="/css/juxt.css">
</head>
<body>
<h2 style="display: inline-block; margin-left: 20px">Juxt Admin Panel - <%= user.user_id %></h2> <img style="width: 57px; display: inline-block; position: absolute; right: 8px;" src="<%= user.pfp_uri %>">
<div class="row">
<div class="left" style="background-color:#bbb;max-width: 10%;">
<ul id="myMenu">
<li><a href="/">Home</a></li>
<li><a href="/communities">Communities</a></li>
<li><a href="/audit">Audit Log</a></li>
<li><a href="/users">Users</a></li>
<li><a href="/discovery">Discovery</a></li>
</ul>
</div>
<div class="right" style="background-color:#ddd;">
<h2><%= community.name %></h2>
<div class="community-page-info-container">
<table>
<tbody>
<tr>
<td>
<img class="community-page-info-icon" src="<%= community.browser_icon %>">
</td>
<td>
<h4 class="community-page-description"><%= community.description %></h4>
</td>
</tr>
</tbody>
</table>
<button type="button" style="margin-left: 20px; width: 760px" onclick="window.location='/communities/<%= community.community_id %>/edit'">Edit</button>
<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: 275px;">
<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">
<% newPosts.forEach(function(post) { %>
<div class="post-user-info-wrapper">
<%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"><%= post.created_at %></h4>
<div class="community-page-post-yeah-button-wrapper">
<div class="community-page-post-yeah-button"></div>
</div>
<div id="yeah-<%= post.id %>" class="community-page-post-yeah-count"><%= post.empathy_count %> Yeahs</div>
</div>
<%if(post.screenshot !== '' && post.painting === '' && post.url === '' && post.body === '') {%>
<div class="community-page-post-wrapper">
<img id="<%= post.id %>" class="community-page-post-screenshot" src="data:image/png;base64,<%= post.screenshot %>">
</div>
<% } else if(post.painting !== '' && post.screenshot === '' && post.url === '') {%>
<div class="community-page-post-wrapper">
<img id="<%= post.id%>" class="community-page-post-painting" src="<%= post.painting_uri %>">
</div>
<% } else if(post.url !== '' && post.screenshot === '' && post.painting === '' && post.body === '') {%>
<div class="community-page-post-wrapper">
<iframe width="760" height="427.5" src="<%= post.url %>" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<% } else if(post.body !== '' && post.screenshot === '' && post.painting === '' && post.url === '') {%>
<div class="community-page-post-wrapper">
<h3><%= post.body %></h3>
</div>
<% } else if(post.screenshot !== '' && post.body !== '' && post.painting === '' && post.url === '') {%>
<div class="community-page-post-wrapper">
<img id="<%= post.id %>" class="community-page-post-screenshot" src="data:image/png;base64,<%= post.screenshot %>">
<div class="community-page-post-text-overlay">
<h3><%= post.body %></h3>
</div>
</div>
<% } else if(post.screenshot !== '' && post.painting !== '' && post.url === '') {%>
<div class="community-page-post-wrapper">
<img id="<%= post.id %>" class="community-page-post-screenshot" src="data:image/png;base64,<%= post.screenshot %>">
<img id="<%= post.id%>" class="community-page-post-painting" src="<%= post.painting_uri %>">
</div>
<% } else if(post.url !== '' && post.body !== '' && post.screenshot === '' && post.painting === '') {%>
<div class="community-page-post-wrapper">
<iframe width="760" height="427.5" src="<%= post.url %>" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div class="community-page-post-text-overlay">
<h3><%= post.body %></h3>
</div>
</div>
<% } else if(post.url !== '' && post.painting !== '' && post.screenshot === '' && post.body === '') {%>
<div class="community-page-post-wrapper">
<iframe width="760" height="427.5" src="<%= post.url %>" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<img id="<%= post.id%>" class="community-page-post-painting" src="<%= post.painting_uri %>">
</div>
<%}%>
<br>
<br>
<% }); %>
</div>
</div>
</div>
</body>
</html>

65
src/views/admin_discovery.ejs
View File

@@ -3,73 +3,18 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Juxt Admin Panel</title>
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
* {
box-sizing: border-box;
}
/* Create a column layout with Flexbox */
.row {
display: flex;
}
/* Left column (menu) */
.left {
flex: 35%;
padding: 15px 0;
}
.left h2 {
padding-left: 8px;
}
/* Right column (page content) */
.right {
flex: 65%;
padding: 15px;
}
/* Style the search box */
#mySearch {
width: 100%;
font-size: 18px;
padding: 11px;
border: 1px solid #ddd;
}
/* Style the navigation menu inside the left column */
#myMenu {
list-style-type: none;
padding: 0;
margin: 0;
}
#myMenu li a {
padding: 12px;
text-decoration: none;
color: black;
display: block
}
#myMenu li a:hover {
background-color: #eee;
}
</style>
<link rel="stylesheet" type="text/css" href="/css/juxt.css">
</head>
<body>
<h2 style="display: inline-block">Juxt Admin Panel - <%= user.user_id %></h2> <img style="width: 57px; display: inline-block; position: absolute; right: 8px;" src="<%= user.pfp_uri %>">
<h2 style="display: inline-block; margin-left: 20px">Juxt Admin Panel - <%= user.user_id %></h2> <img style="width: 57px; display: inline-block; position: absolute; right: 8px;" src="<%= user.pfp_uri %>">
<div class="row">
<div class="left" style="background-color:#bbb;max-width: 10%;">
<ul id="myMenu">
<li><a href="/">Home</a></li>
<li><a href="/communities">Communities</a></li>
<li><a href="/posts">Posts</a></li>
<li><a href="/audit">Audit Log</a></li>
<li><a href="/users">Users</a></li>
<li><a href="/discovery">Discovery</a></li>
</ul>
@@ -89,7 +34,9 @@
<option value="7">PNID_BANNED</option>
<option value="8">SERVER_ERROR</option>
</select>
<input type="submit" value="Submit"><br>
<input type="submit" value="Submit">
<br>
<br>
<iframe name="formSubmitFrame"></iframe>
</form>
</div>

220
src/views/admin_edit_community.ejs
View File

@@ -2,74 +2,19 @@
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Juxt Admin Panel</title>
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
* {
box-sizing: border-box;
}
/* Create a column layout with Flexbox */
.row {
display: flex;
}
/* Left column (menu) */
.left {
flex: 35%;
padding: 15px 0;
}
.left h2 {
padding-left: 8px;
}
/* Right column (page content) */
.right {
flex: 65%;
padding: 15px;
}
/* Style the search box */
#mySearch {
width: 100%;
font-size: 18px;
padding: 11px;
border: 1px solid #ddd;
}
/* Style the navigation menu inside the left column */
#myMenu {
list-style-type: none;
padding: 0;
margin: 0;
}
#myMenu li a {
padding: 12px;
text-decoration: none;
color: black;
display: block
}
#myMenu li a:hover {
background-color: #eee;
}
</style>
<title>Edit - <%= community.name %></title>
<link rel="stylesheet" type="text/css" href="/css/juxt.css">
</head>
<body>
<h2 style="display: inline-block">Juxt Admin Panel - <%= user.user_id %></h2> <img style="width: 57px; display: inline-block; position: absolute; right: 8px;" src="<%= user.pfp_uri %>">
<h2 style="display: inline-block; margin-left: 20px">Juxt Admin Panel - <%= user.user_id %></h2> <img style="width: 57px; display: inline-block; position: absolute; right: 8px;" src="<%= user.pfp_uri %>">
<div class="row">
<div class="left" style="background-color:#bbb;max-width: 10%;">
<ul id="myMenu">
<li><a href="/">Home</a></li>
<li><a href="/communities">Communities</a></li>
<li><a href="/posts">Posts</a></li>
<li><a href="/audit">Audit Log</a></li>
<li><a href="/users">Users</a></li>
<li><a href="/discovery">Discovery</a></li>
</ul>
@@ -78,61 +23,138 @@
<div class="right" style="background-color:#ddd;">
<h2>Update <%=community.name%></h2>
<form action="/v1/communities/<%= community.community_id %>/update" enctype="multipart/form-data" target="formSubmitFrame" method="post">
<label for="name">Community Name:</label><br>
<input type="text" id="name" name="name" value="<%=community.name%>"><br>
<div class="form-section">
<div class="section-info">
<h2>Meta information</h2>
<p>Update the name, description, system icon, and title ID's of the community</p>
</div>
<div class="section-inputs">
<div class="input-div">
<label for="name">Community Name:</label>
<input type="text" id="name" name="name" value="<%=community.name%>">
</div>
<label for="description">Description:</label><br>
<input type="text" id="description" name="description" value="<%=community.description%>"><br>
<div class="input-div">
<label for="description">Description:</label>
<textarea type="text" id="description" name="description"><%=community.description%></textarea>
</div>
<label for="title_ids">Title ID 1:</label><br>
<input type="text" id="title_ids" name="title_ids[]" value="<%=community.title_ids[0]%>"><br>
<div class="input-grid">
<div class="input-div">
<label for="title_ids">Title ID 1:</label>
<input type="text" id="title_ids" name="title_ids[]" value="<%=community.title_ids[0]%>">
</div>
<label for="title_ids">Title ID 2:</label><br>
<input type="text" id="title_ids" name="title_ids[]" value="<%=community.title_ids[1]%>"><br>
<div class="input-div">
<label for="title_ids">Title ID 2:</label>
<input type="text" id="title_ids" name="title_ids[]" value="<%=community.title_ids[1]%>">
</div>
<label for="title_ids">Title ID 3:</label><br>
<input type="text" id="title_ids" name="title_ids[]" value="<%=community.title_ids[2]%>"><br>
<div class="input-div">
<label for="title_ids">Title ID 3:</label>
<input type="text" id="title_ids" name="title_ids[]" value="<%=community.title_ids[2]%>">
</div>
<label for="icon">System Icon (B64 TGA):</label><br>
<input type="text" id="icon" name="icon" value="<%=community.icon%>"><br><br>
<div class="input-div">
<label for="icon">System Icon (B64 TGA):</label>
<input type="text" id="icon" name="icon" value="<%=community.icon%>">
</div>
</div>
</div>
</div>
Browser Icon (512px x 512px)<br>
<input type="file" id="browserIcon" accept="image/png" name="browserIcon"><br>
<img src="<%=community.browser_icon%>" height="150px"><br>
<div class="form-section">
<div class="section-info">
<h2>Browser Icons and Meta Data</h2>
<p>Update the browser icons for the Miiverse Applets, as well as setting the platform, and other settings</p>
</div>
<div class="section-inputs">
<div class="input-div choices-inputs do-input-cols">
<div>
Browser Icon (512px x 512px)
<input type="file" id="browserIcon" accept="image/png" name="browserIcon">
</div>
<div>
<img src="<%=community.browser_icon%>">
</div>
</div>
3DS Browser Banner<br>
<input type="file" id="CTRbrowserHeader" accept="image/png" name="CTRbrowserHeader"><br>
<img src="<%=community.CTR_browser_header%>" height="150px"><br>
<hr>
Wii U Browser Banner (1498px x 328px)<br>
<input type="file" id="WiiUbrowserHeader" accept="image/png" name="WiiUbrowserHeader"><br>
<img src="<%=community.WiiU_browser_header%>" height="150px"><br>
<div class="input-div choices-inputs do-input-cols">
<div>
3DS Browser Banner
<input type="file" id="CTRbrowserHeader" accept="image/png" name="CTRbrowserHeader">
</div>
<div>
<img src="<%=community.CTR_browser_header%>">
</div>
</div>
Is Recommended?
<input type="radio" id="isRecomended" name="is_recommended" value="1" <%if(community.is_recommended === 1) {%> checked <%}%>>
<label for="isRecomended">True</label>
<input type="radio" id="isNotRecomended" name="is_recommended" value="0" <%if(community.is_recommended === 0) {%> checked <%}%>>
<label for="isNotRecomended">False</label><br>
<hr>
Has Shop Page?
<input type="radio" id="hasShopPage" name="has_shop_page" value="1" <%if(community.has_shop_page === 1) {%> checked <%}%>>
<label for="hasShopPage">True</label>
<input type="radio" id="noShopPage" name="has_shop_page" value="0" <%if(community.has_shop_page === 0) {%> checked <%}%>>
<label for="noShopPage">False</label><br>
<div class="input-div choices-inputs">
Wii U Browser Banner (1498px x 328px)
<input type="file" id="WiiUbrowserHeader" accept="image/png" name="WiiUbrowserHeader">
<img src="<%=community.WiiU_browser_header%>">
</div>
Platform
<input type="radio" id="WiiU" name="platform_id" value="0" <%if(community.platform_id === 0) {%> checked <%}%>>
<label for="platform_id">Wii U</label>
<input type="radio" id="3DS" name="platform_id" value="1" <%if(community.platform_id === 1) {%> checked <%}%>>
<label for="platform_id">3DS</label>
<input type="radio" id="Both" name="platform_id" value="2" <%if(community.platform_id === 2) {%> checked <%}%>>
<label for="platform_id">Both</label><br>
<hr>
<input type="submit" value="Submit">
<iframe name="formSubmitFrame"></iframe>
<div class="input-div choices-inputs">
Is Recommended?
<input type="radio" id="isRecomended" name="is_recommended" value="1" <%if(community.is_recommended === 1) {%> checked <%}%>>
<label for="isRecomended">True</label>
<input type="radio" id="isNotRecomended" name="is_recommended" value="0" <%if(community.is_recommended === 0) {%> checked <%}%>>
<label for="isNotRecomended">False</label>
</div>
<div class="input-div choices-inputs">
Has Shop Page?
<input type="radio" id="hasShopPage" name="has_shop_page" value="1" <%if(community.has_shop_page === 1) {%> checked <%}%>>
<label for="hasShopPage">True</label>
<input type="radio" id="noShopPage" name="has_shop_page" value="0" <%if(community.has_shop_page === 0) {%> checked <%}%>>
<label for="noShopPage">False</label>
</div>
<div class="input-div choices-inputs">
Platform
<input type="radio" id="WiiU" name="platform_id" value="0" <%if(community.platform_id === 0) {%> checked <%}%>>
<label for="platform_id">Wii U</label>
<input type="radio" id="3DS" name="platform_id" value="1" <%if(community.platform_id === 1) {%> checked <%}%>>
<label for="platform_id">3DS</label>
<input type="radio" id="Both" name="platform_id" value="2" <%if(community.platform_id === 2) {%> checked <%}%>>
<label for="platform_id">Both</label>
</div>
</div>
</div>
<div class="form-section">
<div class="section-info">
<h2>Submit or Delete Community</h2>
<p></p>
</div>
<div class="section-inputs">
<div>
<button type="submit" class="btn">Submit</button>
<button type="button" class="btn" onclick="deleteCommunity()">Delete Community</button>
</div>
<iframe name="formSubmitFrame"></iframe>
</div>
</div>
</form>
</div>
</div>
<script>
function deleteCommunity() {
var confirm = prompt('Type the name of the community in to confirm you want to delete it.');
if (confirm === '<%=community.name%>') {
alert('Community has been deleted.');
}
}
</script>
</body>
</html>

61
src/views/admin_home.ejs
View File

@@ -3,73 +3,18 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Juxt Admin Panel</title>
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
* {
box-sizing: border-box;
}
/* Create a column layout with Flexbox */
.row {
display: flex;
}
/* Left column (menu) */
.left {
flex: 35%;
padding: 15px 0;
}
.left h2 {
padding-left: 8px;
}
/* Right column (page content) */
.right {
flex: 65%;
padding: 15px;
}
/* Style the search box */
#mySearch {
width: 100%;
font-size: 18px;
padding: 11px;
border: 1px solid #ddd;
}
/* Style the navigation menu inside the left column */
#myMenu {
list-style-type: none;
padding: 0;
margin: 0;
}
#myMenu li a {
padding: 12px;
text-decoration: none;
color: black;
display: block
}
#myMenu li a:hover {
background-color: #eee;
}
</style>
<link rel="stylesheet" type="text/css" href="/css/juxt.css">
</head>
<body>
<h2 style="display: inline-block">Juxt Admin Panel - <%= user.user_id %></h2> <img style="width: 57px; display: inline-block; position: absolute; right: 8px;" src="<%= user.pfp_uri %>">
<h2 style="display: inline-block; margin-left: 20px">Juxt Admin Panel - <%= user.user_id %></h2> <img style="width: 57px; display: inline-block; position: absolute; right: 8px;" src="<%= user.pfp_uri %>">
<div class="row">
<div class="left" style="background-color:#bbb;max-width: 10%;">
<ul id="myMenu">
<li><a href="/">Home</a></li>
<li><a href="/communities">Communities</a></li>
<li><a href="/posts">Posts</a></li>
<li><a href="/audit">Audit Log</a></li>
<li><a href="/users">Users</a></li>
<li><a href="/discovery">Discovery</a></li>
</ul>

75
src/views/admin_login.ejs
View File

@@ -3,80 +3,7 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Juxt Admin Login</title>
<style>
body {font-family: Arial, Helvetica, sans-serif;}
/* Full-width input fields */
input[type=text], input[type=password] {
width: 100%;
padding: 12px 20px;
margin: 8px 0;
display: inline-block;
border: 1px solid #ccc;
box-sizing: border-box;
user-select: none;
}
/* Set a style for all buttons */
button {
background-color: #4CAF50;
color: white;
padding: 14px 20px;
margin: 8px 0;
border: none;
cursor: pointer;
width: 100%;
user-select: none;
}
button:hover {
opacity: 0.8;
}
.container {
padding: 16px;
}
/* The Modal (background) */
.modal {
display: block; /* Hidden by default */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
padding-top: 60px;
}
/* Modal Content/Box */
.modal-content {
background-color: #fefefe;
margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
border: 1px solid #888;
width: 80%; /* Could be more or less, depending on screen size */
}
/* Add Zoom Animation */
.animate {
-webkit-animation: animatezoom 0.6s;
animation: animatezoom 0.6s;
max-width: 35%;
}
@-webkit-keyframes animatezoom {
from {-webkit-transform: scale(0)}
to {-webkit-transform: scale(1)}
}
@keyframes animatezoom {
from {transform: scale(0)}
to {transform: scale(1)}
}
</style>
<link rel="stylesheet" type="text/css" href="/css/juxt.css">
</head>
<body>
<div id="id01" class="modal">

201
src/views/admin_new_community.ejs
View File

@@ -3,128 +3,137 @@
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Juxt Admin Panel</title>
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
* {
box-sizing: border-box;
}
/* Create a column layout with Flexbox */
.row {
display: flex;
}
/* Left column (menu) */
.left {
flex: 35%;
padding: 15px 0;
}
.left h2 {
padding-left: 8px;
}
/* Right column (page content) */
.right {
flex: 65%;
padding: 15px;
}
/* Style the search box */
#mySearch {
width: 100%;
font-size: 18px;
padding: 11px;
border: 1px solid #ddd;
}
/* Style the navigation menu inside the left column */
#myMenu {
list-style-type: none;
padding: 0;
margin: 0;
}
#myMenu li a {
padding: 12px;
text-decoration: none;
color: black;
display: block
}
#myMenu li a:hover {
background-color: #eee;
}
</style>
<link rel="stylesheet" type="text/css" href="/css/juxt.css">
</head>
<body>
<h2 style="display: inline-block">Juxt Admin Panel - <%= user.user_id %></h2> <img style="width: 57px; display: inline-block; position: absolute; right: 8px;" src="<%= user.pfp_uri %>">
<h2 style="display: inline-block; margin-left: 20px">Juxt Admin Panel - <%= user.user_id %></h2> <img style="width: 57px; display: inline-block; position: absolute; right: 8px;" src="<%= user.pfp_uri %>">
<div class="row">
<div class="left" style="background-color:#bbb;max-width: 10%;">
<ul id="myMenu">
<li><a href="/">Home</a></li>
<li><a href="/communities">Communities</a></li>
<li><a href="/posts">Posts</a></li>
<li><a href="/audit">Audit Log</a></li>
<li><a href="/users">Users</a></li>
<li><a href="/discovery">Discovery</a></li>
</ul>
</div>
<div class="right" style="background-color:#ddd;">
<h2>Create New Community</h2>
<h2>New Community</h2>
<form action="/v1/communities/new" target="formSubmitFrame" enctype="multipart/form-data" method="post">
<label for="name">Community Name:</label><br>
<input type="text" id="name" name="name" required><br>
<div class="form-section">
<div class="section-info">
<h2>Meta information</h2>
<p>Update the name, description, system icon, and title ID's of the community</p>
</div>
<div class="section-inputs">
<div class="input-div">
<label for="name">Community Name:</label>
<input type="text" id="name" name="name" required>
</div>
<label for="description">Description:</label><br>
<input type="text" id="description" name="description" required><br>
<div class="input-div">
<label for="description">Description:</label>
<textarea type="text" id="description" name="description" required></textarea>
</div>
<label for="title_ids">Title ID 1:</label><br>
<input type="text" id="title_ids" name="title_ids[]" required><br>
<div class="input-grid">
<div class="input-div">
<label for="title_ids">Title ID 1:</label>
<input type="text" id="title_ids" name="title_ids[]" required>
</div>
<label for="title_ids">Title ID 2:</label><br>
<input type="text" id="title_ids" name="title_ids[]"><br>
<div class="input-div">
<label for="title_ids">Title ID 2:</label>
<input type="text" id="title_ids" name="title_ids[]">
</div>
<label for="title_ids">Title ID 3:</label><br>
<input type="text" id="title_ids" name="title_ids[]"><br>
<div class="input-div">
<label for="title_ids">Title ID 3:</label>
<input type="text" id="title_ids" name="title_ids[]">
</div>
<label for="icon">System Icon (B64 TGA):</label><br>
<input type="text" id="icon" name="icon" required><br>
<div class="input-div">
<label for="icon">System Icon (B64 TGA):</label>
<input type="text" id="icon" name="icon" required>
</div>
</div>
</div>
</div>
Browser Icon (512px x 512px)<br>
<input type="file" id="browserIcon" accept="image/png" name="browserIcon" required><br>
<div class="form-section">
<div class="section-info">
<h2>Browser Icons and Meta Data</h2>
<p>Update the browser icons for the Miiverse Applets, as well as setting the platform, and other settings</p>
</div>
<div class="section-inputs">
<div class="input-div choices-inputs do-input-cols">
<div>
Browser Icon (512px x 512px)
<input type="file" id="browserIcon" accept="image/png" name="browserIcon" required>
</div>
</div>
3DS Browser Banner<br>
<input type="file" id="CTRbrowserHeader" accept="image/png" name="CTRbrowserHeader" required><br>
Wii U Browser Banner (1498px x 328px)<br>
<input type="file" id="WiiUbrowserHeader" accept="image/png" name="WiiUbrowserHeader" required><br>
Is Recommended?
<input type="radio" id="isRecomended" name="is_recommended" value="1" required>
<label for="isRecomended">True</label>
<input type="radio" id="isNotRecomended" name="is_recommended" value="0" required>
<label for="isNotRecomended">False</label><br>
<hr>
Has Shop Page?
<input type="radio" id="hasShopPage" name="has_shop_page" value="1" required>
<label for="hasShopPage">True</label>
<input type="radio" id="noShopPage" name="has_shop_page" value="0" required>
<label for="noShopPage">False</label><br>
<div class="input-div choices-inputs do-input-cols">
<div>
3DS Browser Banner
<input type="file" id="CTRbrowserHeader" accept="image/png" name="CTRbrowserHeader" required>
</div>
</div>
Platform
<input type="radio" id="WiiU" name="platform_ID" value="0" required>
<label for="platform_ID">Wii U</label>
<input type="radio" id="3DS" name="platform_ID" value="1" required>
<label for="platform_ID">3DS</label>
<input type="radio" id="Both" name="platform_ID" value="2" required>
<label for="platform_ID">Both</label><br>
<hr>
<input type="submit" value="Submit">
<iframe name="formSubmitFrame"></iframe>
<div class="input-div choices-inputs">
Wii U Browser Banner (1498px x 328px)
<input type="file" id="WiiUbrowserHeader" accept="image/png" name="WiiUbrowserHeader" required>
</div>
<hr>
<div class="input-div choices-inputs">
Is Recommended?
<input type="radio" id="isRecomended" name="is_recommended" value="1" required>
<label for="isRecomended">True</label>
<input type="radio" id="isNotRecomended" name="is_recommended" value="0" required>
<label for="isNotRecomended">False</label>
</div>
<div class="input-div choices-inputs">
Has Shop Page?
<input type="radio" id="hasShopPage" name="has_shop_page" value="1" required>
<label for="hasShopPage">True</label>
<input type="radio" id="noShopPage" name="has_shop_page" value="0" required>
<label for="noShopPage">False</label>
</div>
<div class="input-div choices-inputs">
Platform
<input type="radio" id="WiiU" name="platform_id" value="0" required>
<label for="platform_id">Wii U</label>
<input type="radio" id="3DS" name="platform_id" value="1" required>
<label for="platform_id">3DS</label>
<input type="radio" id="Both" name="platform_id" value="2" required>
<label for="platform_id">Both</label>
</div>
</div>
</div>
<div class="form-section">
<div class="section-info">
<h2>Submit Community</h2>
<p></p>
</div>
<div class="section-inputs">
<div>
<button type="submit" class="btn">Submit</button>
</div>
<iframe name="formSubmitFrame"></iframe>
</div>
</div>
</form>
</div>
</div>

84
src/views/admin_posts.ejs
View File

@@ -1,84 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Juxt Admin Panel</title>
<style>
body {
font-family: Arial, Helvetica, sans-serif;
}
* {
box-sizing: border-box;
}
/* Create a column layout with Flexbox */
.row {
display: flex;
}
/* Left column (menu) */
.left {
flex: 35%;
padding: 15px 0;
}
.left h2 {
padding-left: 8px;
}
/* Right column (page content) */
.right {
flex: 65%;
padding: 15px;
}
/* Style the search box */
#mySearch {
width: 100%;
font-size: 18px;
padding: 11px;
border: 1px solid #ddd;
}
/* Style the navigation menu inside the left column */
#myMenu {
list-style-type: none;
padding: 0;
margin: 0;
}
#myMenu li a {
padding: 12px;
text-decoration: none;
color: black;
display: block
}
#myMenu li a:hover {
background-color: #eee;
}
</style>
</head>
<body>
<h2 style="display: inline-block">Juxt Admin Panel - <%= user.user_id %></h2> <img style="width: 57px; display: inline-block; position: absolute; right: 8px;" src="<%= user.pfp_uri %>">
<div class="row">
<div class="left" style="background-color:#bbb;max-width: 10%;">
<ul id="myMenu">
<li><a href="/">Home</a></li>
<li><a href="/communities">Communities</a></li>
<li><a href="/posts">Posts</a></li>
<li><a href="/users">Users</a></li>
<li><a href="/discovery">Discovery</a></li>
</ul>
</div>
<div class="right" style="background-color:#ddd;">
<h2>Posts</h2>
</div>
</div>
</body>
</html>

4
src/views/portal_communities.ejs
View File

@@ -44,7 +44,7 @@
<tr>
<% for(var i = 0; i < popularCommunities.length; i++) {%>
<td>
<div class="community-list-wrapper" onclick="loadCommunityPage('<%= popularCommunities[i].id %>')">
<div class="community-list-wrapper" onclick="loadCommunityPage('<%= popularCommunities[i].community_id %>')">
<img class="community-list-icon" src="<%= popularCommunities[i].browser_icon %>">
<h2 class="community-list-title"><%= popularCommunities[i].name %></h2>
<h4 class="community-list-followers"><%= popularCommunities[i].followers %> followers</h4>
@@ -66,7 +66,7 @@
<tr>
<% for(var j = 0; j < newCommunities.length; j++) {%>
<td>
<div class="community-list-wrapper" onclick="loadCommunityPage('<%= newCommunities[j].id %>')">
<div class="community-list-wrapper" onclick="loadCommunityPage('<%= newCommunities[j].community_id %>')">
<img class="community-list-icon" src="<%= newCommunities[j].browser_icon %>">
<h2 class="community-list-title"><%= newCommunities[j].name %></h2>
<h4 class="community-list-followers"><%= newCommunities[j].followers %> followers</h4>

4
src/views/portal_communities_ajax.ejs
View File

@@ -12,7 +12,7 @@
<tr>
<% for(var i = 0; i < popularCommunities.length; i++) {%>
<td>
<div class="community-list-wrapper" onclick="loadCommunityPage('<%= popularCommunities[i].id %>')">
<div class="community-list-wrapper" onclick="loadCommunityPage('<%= popularCommunities[i].community_id %>')">
<img class="community-list-icon" src="<%= popularCommunities[i].browser_icon %>">
<h2 class="community-list-title"><%= popularCommunities[i].name %></h2>
<h4 class="community-list-followers"><%= popularCommunities[i].followers %> followers</h4>
@@ -34,7 +34,7 @@
<tr>
<% for(var j = 0; j < newCommunities.length; j++) {%>
<td>
<div class="community-list-wrapper" onclick="loadCommunityPage('<%= newCommunities[j].id %>')">
<div class="community-list-wrapper" onclick="loadCommunityPage('<%= newCommunities[j].community_id %>')">
<img class="community-list-icon" src="<%= newCommunities[j].browser_icon %>">
<h2 class="community-list-title"><%= newCommunities[j].name %></h2>
<h4 class="community-list-followers"><%= newCommunities[j].followers %> followers</h4>

110
src/views/portal_community.ejs
View File

@@ -37,67 +37,41 @@
<form action="/users/me" method="post" enctype="multipart/form-data">
<table>
<tr>
<td class="post-close-button-wrapper">
<td colspan="2">
<h1 class="communities-header" style="padding-left: 75px; padding-top: 10px">Post to <%= community.name %></h1>
</td>
</tr>
<tr>
<td>
<div class="post-type-button-text">T</div>
</td>
<td style="padding-left: 75px;" rowspan="2">
<textarea id="comment" name="comment" placeholder="Tap here to make a post." style="margin-bottom: 0; height: 200px" maxlength="300" rows="4" cols="50" onchange="if(wiiuFilter.checkWord(this.value) === -2) { this.value = ''; alert('Prost cannot contain explicit language');}"></textarea>
</td>
<br>
</tr>
<tr>
<td>
<div class="post-type-button-painting">P</div>
</td>
</tr>
<tr>
<td class="post-close-button-wrapper" colspan="2">
<div class="post-close-button" onclick="hideNewPostScreen()" ></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);">
<input type="submit" value="Submit" class="submit-button" style="margin-left: -124px;" 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-image: <%= community.WiiU_browser_header %>"></div>
<div class="community-page-header" style="background-image: url('<%= community.WiiU_browser_header %>')"></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">
<div id="community-new-post-wrapper" <%if(user.pid === 1000000000) {%> style="display: none" <%}%>>
<div class="new-post-button-text" onclick="showNewPostScreen()">
+ New Post
</div>
@@ -108,9 +82,9 @@
<p class="community-page-follow-button-text" id="<%= community.id %>" onclick="followCommunity(this)" style="color: #FFFFFF">Following</p>
</div>
<%} else {%>
<div class="community-page-follow-button-wrapper">
<p class="community-page-follow-button-text" id="<%= community.id %>" onclick="followCommunity(this)">Follow Community</p>
</div>
<div class="community-page-follow-button-wrapper" <%if(user.pid === 1000000000) {%> style="display: none" <%}%>>
<p class="community-page-follow-button-text" id="<%= community.id %>" onclick="followCommunity(this)">Follow Community</p>
</div>
<%}%>
<img class="community-page-info-icon" src="<%= community.browser_icon %>">
<h2 class="community-page-title"><%= community.name %></h2>
@@ -144,17 +118,17 @@
<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>
<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>
<% newPosts.forEach(function(post) { %>
@@ -169,10 +143,10 @@
<h2 class="community-page-post-username" onclick="loadUserProfile(<%=post.pid%>)"><%= post.screen_name %></h2>
<h4 class="community-page-post-time-stamp"><%= post.created_at %></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 class="community-page-post-yeah-button-wrapper <%if(user.likes.indexOf(post.id) !== -1){ %> selected <%}%>" >
<div class="community-page-post-yeah-button" <%if(user.pid !== 1000000000) {%> 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>
<%if(post.screenshot !== '' && post.painting === '' && post.url === '' && post.body === '') {%>
<div class="community-page-post-wrapper">
@@ -218,7 +192,7 @@
<br>
<br>
<% }); %>
</div>
</div>
</div>
<br>
<body onload="stopLoading(); wiiuBrowser.showLoadingIcon(!1)">

8
src/views/portal_community_ajax.ejs
View File

@@ -39,7 +39,7 @@
<div class="community-page-header" style="background-image: url('<%= community.WiiU_browser_header %>')"></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">
<div id="community-new-post-wrapper" <%if(user.pid === 1000000000) {%> style="display: none" <%}%>>
<div class="new-post-button-text" onclick="showNewPostScreen()">
+ New Post
</div>
@@ -50,7 +50,7 @@
<p class="community-page-follow-button-text" id="<%= community.id %>" onclick="followCommunity(this)" style="color: #FFFFFF">Following</p>
</div>
<%} else {%>
<div class="community-page-follow-button-wrapper">
<div class="community-page-follow-button-wrapper" <%if(user.pid === 1000000000) {%> style="display: none" <%}%>>
<p class="community-page-follow-button-text" id="<%= community.id %>" onclick="followCommunity(this)">Follow Community</p>
</div>
<%}%>
@@ -111,8 +111,8 @@
<h2 class="community-page-post-username" onclick="loadUserProfile(<%=post.pid%>)"><%= post.screen_name %></h2>
<h4 class="community-page-post-time-stamp"><%= post.created_at %></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 class="community-page-post-yeah-button-wrapper <%if(user.likes.indexOf(post.id) !== -1){ %> selected <%}%>" >
<div class="community-page-post-yeah-button" <%if(user.pid !== 1000000000) {%> 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>

9
src/views/portal_first_run.ejs
View File

@@ -64,7 +64,7 @@
<h1 class="about-header">Welcome to Juxtaposition!</h1>
<div class="about-body">
<p>
Juxt is a gaming community that connects people from all over the world using Mii characters.
Juxtaposition is a gaming community that connects people from all over the world using Mii characters.
Use Juxt to share your gaming experiences and meet people from around the world.
</p>
</div>
@@ -76,11 +76,12 @@
</div>
<div id="parental-controls" class="about-wrapper">
<h1 class="about-header">Parental Controls</h1>
<h1 class="about-header">Google Analytics</h1>
<div class="about-body">
<p>
By using the console's Parental Controls feature, parents and guardians
can restrict the extent to which children can use Juxt.
Juxtaposition uses Google Analytics in order to track how users are using our service. The data collected
includes but is not limited to time of visit, pages visited, and time spent on the site. This data is
not attached to you in any way, and is not used for advertisements by us or Google.
</p>
</div>
<button class="about-button" style="margin-left: 50px;"

31
src/views/portal_guest_notice.ejs
View File

@@ -71,10 +71,29 @@
<button class="about-button" style="margin-left: 50px" onclick="exit()">Exit</button>
<button class="about-button" style="margin-left: 625px;"
onclick="wiiuSound.playSoundByName('SE_WAVE_MENU', 1);
document.getElementById('ready').style.display = 'block';
document.getElementById('google-analytics').style.display = 'block';
document.getElementById('welcome').style.display = 'none';">Next</button>
</div>
<div id="google-analytics" class="about-wrapper">
<h1 class="about-header">Google Analytics</h1>
<div class="about-body">
<p>
Juxtaposition uses Google Analytics in order to track how users are using our service. The data collected
includes but is not limited to time of visit, pages visited, and time spent on the site. This data is
not attached to you in any way, and is not used for advertisements by us or Google.
</p>
</div>
<button class="about-button" style="margin-left: 50px;"
onclick="wiiuSound.playSoundByName('SE_OLV_CANCEL', 1);
document.getElementById('welcome').style.display = 'block';
document.getElementById('google-analytics').style.display = 'none';">Back</button>
<button class="about-button" style="margin-left: 625px;"
onclick="wiiuSound.playSoundByName('SE_WAVE_MENU', 1);
document.getElementById('ready').style.display = 'block'
document.getElementById('google-analytics').style.display = 'none'">Next</button>
</div>
<div id="ready" class="about-wrapper">
<h1 class="about-header">Guest Mode</h1>
<div class="about-body">
@@ -87,16 +106,6 @@
</div>
<button class="about-button" style="margin-left: 320px; width: 250px"
onclick="wiiuSound.playSoundByName('SE_WAVE_MENU', 1);wiiuSound.playSoundByName('BGM_OLV_MAIN', 3);window.location.replace('/communities')">I Understand</button>
<!--<button class="about-button" style="margin-left: 50px;"
onclick="wiiuSound.playSoundByName('SE_OLV_CANCEL', 1);
document.getElementById('game-experience').style.display = 'block';
document.getElementById('ready').style.display = 'none';">Back</button>
<button class="about-button" style="margin-left: 625px;"
onclick="wiiuSound.playSoundByName('SE_WAVE_MENU', 1);
document.getElementById('have-fun').style.display = 'block'
document.getElementById('ready').style.display = 'none';
wiiuSound.playSoundByName('JGL_OLV_INIT_END', 3);
submit()">Next</button>-->
</div>
<body onload="wiiuBrowser.endStartUp(); wiiuSound.playSoundByName('BGM_OLV_INIT', 3);">

1
src/webfiles/portal/css/juxt.css
View File

@@ -968,7 +968,6 @@ h4 {
.community-page-posts-wrapper {
position: relative;
z-index: 3;
width: 1035px;
background-color: rgba(255,255,255,1);
border: 1.5px solid #d6d2d2;
border-radius: 10px;