260 lines
12 KiB
PHP
260 lines
12 KiB
PHP
<!DOCTYPE html>
|
|
<head>
|
|
<title><?php echo $setting['appname']; ?></title>
|
|
<style type="text/css">
|
|
@font-face {
|
|
font-family: 'fontello';
|
|
src: url('./font/fontello.eot?43704775');
|
|
src: url('./font/fontello.eot?43704775#iefix') format('embedded-opentype'),
|
|
url('./font/fontello.woff?43704775') format('woff'),
|
|
url('./font/fontello.ttf?43704775') format('truetype'),
|
|
url('./font/fontello.svg?43704775#fontello') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'patua';
|
|
src: url('./font/patua-one-v10-latin-regular.eot');
|
|
src: url('./font/patua-one-v10-latin-regular.woff') format('woff'),
|
|
url('./font/patua-one-v10-latin-regular.ttf') format('truetype'),
|
|
url('./font/patua-one-v10-latin-regular.svg') format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
.nte{
|
|
width:35px;
|
|
height:35px;
|
|
float:left;
|
|
margin:2px;
|
|
background-size:cover;
|
|
position:relative;
|
|
}
|
|
|
|
.nte_type{
|
|
position:absolute;
|
|
right:0px;
|
|
bottom:0px;
|
|
width:15px;
|
|
height:15px;
|
|
border-radius:15px;
|
|
font-family:fontello;
|
|
font-size:8px;
|
|
color:white;
|
|
}
|
|
|
|
.nte_type span{
|
|
font-family:fontello;
|
|
font-size:8px;
|
|
color:white !important;
|
|
margin-top:4px;
|
|
display:block;
|
|
}
|
|
|
|
#emojisearch {
|
|
border:0;
|
|
}
|
|
|
|
.loadingImage{
|
|
width:100px;
|
|
height:100px;
|
|
background-image: url("./img/loadingb.gif");
|
|
background-repeat:no-repeat;
|
|
}
|
|
</style>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<link rel="stylesheet" href='./<?php echo ($user_settings['theme'] == "custom" ? themes("file","css/color.php") : themes("file","css/color.css"))?>?id=<?php echo mt_rand(1000, 2500); ?>' />
|
|
<link rel="stylesheet" media='screen and (min-width: 801px)' href='./css/style.css?id=<?php echo mt_rand(1000, 2500); ?>' />
|
|
<link rel="stylesheet" media='screen and (max-width: 800px)' href='./css/mobile.css?id=<?php echo mt_rand(1000, 2500); ?>' />
|
|
<?php if (file_exists("themes/".sanitize($user_settings['theme'])."/css/style.css")) { ?><link rel="stylesheet" media='screen and (min-width: 801px)' href='./<?php echo themes("file","css/style.css")?>?id=<?php echo mt_rand(1000, 2500); ?>' /><?php } ?>
|
|
<?php if (file_exists("themes/".sanitize($user_settings['theme'])."/css/mobile.css")) { ?><link rel="stylesheet" media='screen and (max-width: 800px)' href='./<?php echo themes("file","css/mobile.css")?>?id=<?php echo mt_rand(1000, 2500); ?>' /><?php } ?>
|
|
<link rel="stylesheet" href="./css/animation.css"><!--[if IE 7]><link rel="stylesheet" href="css/" + font.fontname + "-ie7.css"><![endif]-->
|
|
<link rel="stylesheet" href="./css/animate.css">
|
|
|
|
</head>
|
|
<body>
|
|
<?php
|
|
if ($logedin) {
|
|
$notif = getnotif();
|
|
}
|
|
?>
|
|
|
|
<div id='hiddenside'></div>
|
|
<div class='gotop desktop'><a href='#top'>▲</a></div>
|
|
<div class="topbar" style='text-align:center; background-color:none;'>
|
|
<div class="topbar" style='height:45px; z-index:99;'>
|
|
<span style='float:left; line-height:45px;padding-left:10px;' class='appname'>
|
|
<a href="./<?php echo ($logedin ? "?mode=home" : ""); ?>" style="font-family: 'patua', serif; font-weight:bold; color:white; font-size:20px; text-decoration:none" ><?php echo $setting['appname']; ?></a>
|
|
</span>
|
|
|
|
<?php if ($logedin): ?>
|
|
<span class='mid' style='margin:0 auto; height:100%;'>
|
|
<span class="topbutton" style='position:relative;'>
|
|
<a href='?mode=federated' class='fontello topicon tlicon ldr <?php echo ($tl['mode'] == "federated" ? "tiselected" : "");?>'></a>
|
|
</span>
|
|
<span class="topbutton" style='position:relative;'>
|
|
<a href='?mode=home' class='fontello topicon tlicon ldr <?php echo ($tl['mode'] == "home" ? "tiselected" : "");?>'></a>
|
|
</span>
|
|
<span class="topbutton" style='position:relative;'>
|
|
<a href='?mode=local' class='fontello topicon tlicon ldr <?php echo ($tl['mode'] == "local" ? "tiselected" : "");?>'></a>
|
|
</span>
|
|
<span class="topbutton" style='position:relative;'>
|
|
<a href='?mode=favourites' class='fontello topicon tlicon ldr <?php echo ($tl['mode'] == "favourites" ? "tiselected" : "");?>'></a>
|
|
</span>
|
|
<span class="topbutton" style='position:relative;'>
|
|
<a href='?mode=direct' class='fontello topicon tlicon ldr <?php echo ($tl['mode'] == "direct" ? "tiselected" : "");?>'></a>
|
|
</span>
|
|
|
|
<?php if (isset($user_settings['pleroma'])): ?>
|
|
<span class="topbutton" style='position:relative;'>
|
|
<a href='?mode=bookmarks' class='fontello topicon tlicon ldr <?php echo ($tl['mode'] == "bookmarks" ? "tiselected" : "");?>'></a>
|
|
</span>
|
|
<?php endif; ?>
|
|
</span>
|
|
<?php endif; ?>
|
|
|
|
<span style='float:right; margin-right:20px; height:100%;'>
|
|
<?php if ($logedin): ?>
|
|
<span class="topbutton desktop" style='position:relative;'>
|
|
<div style='position:absolute; left:-200px; display:none; height: 50%; background-color:white; border-radius:10px; padding: 2px; margin-top: 8px;' class="search"><form method='get' style="margin-top:-11px;"><input type='text' name='search' style='margin-left:3px; width:150px' placeholder='Type your search here'><input type='submit' value='' class='fontello'></form></div>
|
|
<a href='?page=search' class='searchform fontello topicon' onClick='return false'></a>
|
|
</span>
|
|
|
|
|
|
<span class="topbutton mobile compose" style='position:relative;'>
|
|
<a href='' onClick='return false;' class='fontello topicon' style='text-decoration:none; display:inline; font-size:20px;'></a>
|
|
</span>
|
|
|
|
<span class="topbutton ntbutton">
|
|
<a href='?page=notifications' onClick='return false;' class='badge fontello topicon' style='text-decoration:none; display:inline; font-size:20px;'> <span class='alert' style=''></span> </a>
|
|
<div id='notifications'><div class='container'><?php echo $notif ?></div><span class='nloadmore'>Load More</span></div>
|
|
</span>
|
|
|
|
|
|
<span class="topbutton" id="usermenu">
|
|
<span class='fontello topicon' style='display:inline; font-size:20px;'></span>
|
|
<div class='menu'>
|
|
<ul>
|
|
<?php if ($logedin): ?>
|
|
<li class='mobile' style=''><a class='fontello ldr link' href='?mode=federated' onClick='return false'> Federated</a></li>
|
|
<li class='mobile' style=''><a class='fontello ldr link' href='?mode=home' onClick='return false'> Home</a></li>
|
|
<li class='mobile' style=''><a class='fontello ldr link' href='?mode=local' onClick='return false'> Local</a></li>
|
|
<li class='mobile' style=''><a class='fontello ldr link' href='?mode=favourites' onClick='return false'> Favourited</a></li>
|
|
<li class='mobile' style=''><a class='fontello ldr link' href='?mode=direct' onClick='return false'> Direct</a></li>
|
|
<?php if (isset($user_settings['pleroma'])): ?>
|
|
<li class='mobile' style=''><a class='fontello ldr link' href='?mode=bookmarks' onClick='return false'> Bookmarks</a></li>
|
|
<?php endif; ?>
|
|
<li class='mobile' style=''><a class='fontello searchmobiletoggle link' href='?page=search' onClick='return false;'> Search</a></li>
|
|
<li class='mobile' style=''></li>
|
|
<?php endif; ?>
|
|
<li><a class='fontello ldr link' href='?page=settings' onClick='return false'> Settings</a></li>
|
|
<li><a class='fontello link' href='./logout'> Log Out</a></li>
|
|
</ul>
|
|
</div>
|
|
</span>
|
|
<?php else: ?>
|
|
<span class="topbutton" style='position:relative;'>
|
|
<a href='?page=about' class='fontello topicon ldr' style='text-decoration:none; display:inline; font-size:20px;'> </a>
|
|
</span>
|
|
|
|
<span class="topbutton desktop" style='position:relative;'>
|
|
<a href='?page=fediverse' class='fontello topicon ldr' style='text-decoration:none; display:inline; font-size:20px;'> </a>
|
|
</span>
|
|
|
|
<span class="topbutton desktop" style='position:relative;'>
|
|
<a href='?page=privacy' class='fontello topicon ldr' style='text-decoration:none; display:inline; font-size:20px;'> </a>
|
|
</span>
|
|
|
|
<span class="topbutton" style='position:relative;'>
|
|
<a href='?page=settings' class='fontello topicon ldr' style='text-decoration:none; display:inline; font-size:20px;'> </a>
|
|
</span>
|
|
|
|
<span class="topbutton" style='position:relative; width:auto; margin-left:10px;'>
|
|
<a href='./login' style='display:inline:block; padding:3px; border: 1px solid white; font-weight:bold; border-radius:3px; color:white; text-decoration:none; display:inline; font-size:20px;'><span class='fontello' ></span> Login </a>
|
|
</span>
|
|
<?php
|
|
endif; ?>
|
|
<!--
|
|
<a href='?page=notifications' onClick='return false;'><span class="badge disabled">🔔</span></a>
|
|
<a href="./logout" style='color:lightgray; font-weight:bold; font-size:18px;'>Logout</a>
|
|
-->
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<div class='wrapper'>
|
|
<div class='container'>
|
|
<div id='posts'>
|
|
<?php if ($logedin) { ?>
|
|
<div class='element' id="searchmobile">
|
|
<div class='avatar desktop' style='background-image:url(:avatar:) :style:'></div>
|
|
<div class='searchmobile' style="padding-top: 15px; padding-bottom: 15px;">
|
|
<form method="get">
|
|
<span class="searchmobiletoggle" style='padding-left:0px;padding-right:5px;font-weight:bold;'>X</span>
|
|
<input type="text" name="search" style='width:70%' placeholder="Type your search here">
|
|
<input type="submit" value="" class="fontello">
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class='element' id='postform' style=''>
|
|
<div class='avatar desktop' style='background-image:url(<?php echo $user_settings['avatar']; ?>)'></div>
|
|
<div class='postform form' style='display:block;'>
|
|
<div style='text-align:right; width:95%; margin: 13px auto; display:block;'>
|
|
<form action='status.php' method='post' enctype='multipart/form-data'>
|
|
<input type='hidden' name='mode' value='<?php echo $tl['mode']; ?>'>
|
|
<input type='hidden' name='uploaded' id="uploaded" value=''>
|
|
<input type='hidden' name='thread' id="thread" value='null'>
|
|
<div style='width:100%; text-align:left;'>
|
|
<div style='width:100% height:27px; border-bottom: 1px solid transparent;'>
|
|
<input type='text' name='spoiler' placeholder='Title (optional)' value='' style='border:none; width:99%;'>
|
|
</div>
|
|
<textarea name='status' id="status" style='width:98.85%; height:100px; border:none;'></textarea>
|
|
</div>
|
|
<div style='display:none; clear:both; width:100%; text-align:left;' class='picker'><input type='text' id='emojisearch' placeholder="Type to Search"><span class='close' style='cursor:pointer;'> X </span><div class='emojilist' style='max-height:100px; overflow:auto;'></div></div>
|
|
<div style='display:none; clear:both; width:100%; text-align:left;' class='contactpicker'><input type='text' id='contactsearch' placeholder="Type to Search"><span class='close' style='cursor:pointer;'> X </span><div class='contactlist' style='max-height:100px; overflow:auto; scroll-behavior: smooth;'></div></div>
|
|
<div class="buttons">
|
|
<span style='float:left;'>
|
|
<div style='position:relative;border: 0px; float:left;'>
|
|
<input type='submit' value='Send' id='send' onClick='return false'>
|
|
</div>
|
|
<div class='formbtn fontello' style='position:relative;'>
|
|

|
|
<input style='opacity:0; position:absolute; left:0px; top:5px; background-color:yellow;' type='file' id="files_input_field" name='file[]' multiple onchange="upload_files();">
|
|
</div>
|
|
<div class='formbtn fontello' style='position:relative;'>
|
|
<input type='checkbox' name='sensitive' id='sensitive' style='display:none;'>
|
|
<label for='sensitive' class='fontello'></label>
|
|
</div>
|
|
<div class='formbtn fontello' id="emoji" style='position:relative; cursor:pointer;'>
|
|
😜
|
|
</div>
|
|
<div class='formbtn fontello' id="contact" style='position:relative; cursor:pointer;'>
|
|

|
|
</div>
|
|
</span>
|
|
<span style='float:left;' class='status'>
|
|
|
|
</span>
|
|
<span style='float:right;' class="scope">
|
|
<select name='scope' id='scope'>
|
|
<option value="1"> Public</option>
|
|
<option value="2"> Unlisted</option>
|
|
<option value="3"> Private</option>
|
|
<option value="4"> Direct</option>
|
|
</select>
|
|
</span>
|
|
</div>
|
|
</form>
|
|
<div style="clear: both;"></div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
<?php
|
|
}
|
|
?><div id="loader" class='element'></div>
|
|
<div id="content">
|