Major edits to site CSS - Whole design changed

This commit is contained in:
David Todd 2013-02-09 01:27:08 -05:00
parent 7661b3c133
commit 3b9fbcc39c

467
index.php
View File

@ -1,58 +1,26 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<?php
session_start();
if(isset($_GET['mysourceisyours'])) {
show_source('index.php');
die();
}
$token = uniqid(mt_rand(), TRUE);
$_SESSION['token'] = $token;
//$_SESSION['loginid'] = 580658027;
function userpic(){
$email = "tehfoxy.c0de@gmail.com";
$default = "http://fox.gy/fCDIjceUvkk.png";
$size = 100;
$grav_url = "http://www.gravatar.com/avatar/" . md5( strtolower( trim( $email ) ) ) . "?d=" . urlencode( $default ) . "&s=" . $size;
return $grav_url;
//return "http://unps-gama.info/upload/Pictures/zen-avi-hf.png";
}
function username(){
return "c0de";
}
function shortlinknum(){
return 55;
}
function imgnum(){
return 20;
}
$last_modified = filemtime("index.php");
$footer = '
<p>
Copyright &copy; 2012-2013 UnPS-GAMATechnologies<br />
Last Modified: '.date("m/j/y h:i:s a", $last_modified).'
Last viewed on: '.date( "m/d/Y h:i:s a").' Server time.
</p>
'
?>
<head>
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="description" content="Main page for UnProfessional Standards" />
<meta name="keywords" content="GAMA,UnPS,upstandards,unps-gama,gama-unps,unps,gama,davitech,davitodd" />
<meta name="author" content="David Todd" />
<link rel="shortcut icon" type="image/ico" href="favicon.ico" />
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<link rel="stylesheet" href="site.css" />
<link rel="stylesheet" href="files/style.css" type="text/css" media="screen" />
<title>UnProfessional Standards GAMATechnologies</title>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-24492597-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<script type="text/javascript">
function unhide(divID) {
var item = document.getElementById(divID);
@ -72,6 +40,10 @@ $footer = '
}
}
}
function ButtonClicked(field){
var nomatch = document.getElementById("PasswordSame");
nomatch.innerHTML = "The Passwords Match";
}
function msg(){
alert('What are you doing fox!? This isn\'t part of the demo');
@ -96,250 +68,283 @@ $footer = '
display: block;
}
</style>
</head>
<body onload="javascript:checkads();">
<div id="container">
<div id="header-bg-bg">
<div id="header-bg">
<body>
<div id="page_wrap">
<div id="header">
<a href="#">
<img src="header.png" alt="UnPS-GAMA Header logo" />
<div class="blog_title">
<h1>
<a href="index.php">
<img src="files/header.png" alt="Link to home" />
</a>
</h1>
</div>
</div>
</div>
<div id="navigation-bg">
<div id="navigation">
<ul>
<div class="clear"></div>
</div><!-- end header -->
<div id="main_navi">
<ul class="left">
<li><a href="#" onclick="javascript:unhide('home');hide('about');hide('contact');">Home</a></li>
<li><a href="#" onclick="javascript:unhide('about');hide('home');hide('contact');">About</a></li>
<li><a href="#" onclick="javascript:unhide('contact');hide('home');hide('about');">Contact Us</a></li>
<li><a href="http://unps.us">URL Shortner</a></li>
<li><a href="http://img.unps-gama.info">IMGShare</a></li>
<li><a href="http://p.unps.us">Projects</a></li>
<li><a href="privacy.html">Privacy Policy</a></li>
<li><a href="ToS.html">Terms of Service</a></li>
<li><a href="http://www.unps-gama.info/fp/flatpress">Personal Blog</a></li>
<li><a href="http://www.unps-gama.info/upload/">Uploads</a></li>
<li><a href="https://github.com/alopexc0de/GAMA-Site">GitHub</a></li>
<li><a href="#" onclick="javascript:unhide('contact');hide('home');hide('about');">Contact</a></li>
<li><a href="http://unps.us" target="_unps">Shortener</a></li>
<li><a href="http://img.unps-gama.info" target="_img">IMGShare</a></li>
<li><a href="http://p.unps.us" target="_pro">Projects</a></li>
<li><a href="https://github.com/alopexc0de/GAMA-Site" target="_git">GitHub</a></li>
</ul>
</div>
</div>
<div id="content-container1">
<div id="content-container2">
<div id="section-navigation" align="center">
<table>
<tr>
<td>
<ul>
<li><h4>User Area:</h4><hr /></li>
<li id="login" style="text-align:center" class="<?php if(isset($_SESSION['loginid']) && $_SESSION['loginid'] != '' || $_SESSION['loginid'] != null) echo"hidden"; ?>">
<form id="user" name="user" action="#" method="post">
<input name="uname" id="uname" class="uname" title="Insert Username Here" placeholder="Username" value="" type="text" size="20" />
<br />
<input name="upass" id="upass" class="upass" title="Insert Password Here" placeholder="Password" value="" type="password" size="20" />
<br />
<input name="register" id="register" value="Register" type="submit" />
<input name="login" id="login" value="Login" type="submit" />
</form>
<hr />
</li>
<li id="main" style="text-align:center" class="<?php if(isset($_SESSION['loginid']) && $_SESSION['loginid'] != '' || $_SESSION['loginid'] != null) echo "unhidden"; else echo "hidden"; ?>">
<img src="<?php echo userpic(); ?>" alt="Profile Picture of <?php echo username(); ?>" title="Profile Picture of <?php echo username(); ?>">
<br />
<?php echo username()."\r\n<br />"; ?>
<a href="profile.php">User Profile</a><br />
<?php echo shortlinknum()." <a href=\"http://unps.us/?links\">Shortened Links</a><br />\r\n"; ?>
<?php echo imgnum()." <a href=\"http://img.unps-gama.info/?imgs\">Uploaded Images</a><br />\r\n"; ?>
<a href="logout.php?token=<?php echo $token; ?>">Logout</a>
<hr />
</li>
<ul class="right">
<li class="twitter"><a href="http://twitter.com/upstandards" title="Follow UnPS on twitter">TWITTER</a></li>
<!--<li class="feed"><a href="rss.xml" title="Get all updates in our feed">RSS</li>-->
</ul>
<br />
</td>
</tr>
<tr>
<td>
<ul>
<li><h4>Offered Services:</h4><hr /></li>
<li><a href="http://teamspeak.com/">TeamSpeak</a> - ts.unps.us:9987</li>
<li><a href="http://img.unps-gama.info">Image Host</a></li>
<li><a href="http://unps.us">URL Shortner</a></li>
<li><a href="upload.html">File Storage</a> (up to 20MB)</li>
<hr />
</ul>
<br />
</td>
</tr>
<!--<tr> I didn't really like how this was pulled off. I may readd this later, or it could be dead code
<td>
<ul>
<li><a id="link1" href="#" onclick="javascript:unhide('friends');"><h4>Friends</h4></a></li>
<div id="friends" class="hidden" align="center">
<hr /><br />
<li><a href="http://furcast.fm"> Furcast </a></li>
<li><a href="http://fridaynighttech.com"> Friday Night Tech </a></li>
<li><a href="http://xanacreations.com"> XanaCreations </li>
<li><a href="http://doridian.de"> Doridian </li>
<li><a href="https://foxcav.es"> FoxCaves </a></li>
<li><a href="http://ruinsofmc.com"> Ruins of Minecraft </a></li>
<hr />
</div><!-- end main_navi --><!-- Images can be up to 624px in width -->
<div class="clear">
</div>
</ul>
</td>
</tr>-->
</table>
<div id="container">
<div id="main">
<div class="unhidden" id="home">
<div class="post">
<div class="date">
2013<br />
02.04 </div>
<div class="title">
<h2><a href="#" onclick="javascript:unhide('ndes');hide('ndesp')">New Design (Again)</a></h2>
<div class="postmeta">
<p>c0de just can't make up his mind - might have found something that works</p>
</div>
<div id="content">
<div id="home" class="unhidden">
<h2>
UnProfessional Standards - GAMATechnologies | Home Page
</h2><hr />
<div class="content-post-wrapper">
<div id="content-post">
<h3>
@Dec 10th, 2012 - Sometime:
</h3><hr />
</div><!-- end title -->
<div class="clear">
</div>
<div class="entry">
<div class="unhidden" id="ndesp">
<p>
So yeah. It's only day 3 of not having internet, but I felt like changing everything again.
The 3 coloum fluid design is out the window since I can't figure out what to put on the left side other than user controls
and those can go on the right side just fine. So I'm going to be using <a href="http://imotta.cn/wordpress/pyrmont-theme-v2-for-wordpress.html">Pyrmont v2</a> that I made some modifications to.
This design feels great. Also new header image :D - I really like the blue fire matrix thing that it has going on...
<a href="#" onclick="javascript:unhide('ndes');hide('ndesp')">(Click title or here to read full post)</a>
</p>
</div>
<div class="hidden" id="ndes">
<p>
So yeah. It's only day 3 of not having internet, but I felt like changing everything again.
The 3 coloum fluid design is out the window since I can't figure out what to put on the left side other than user controls
and those can go on the right side just fine. So I'm going to be using <a href="http://imotta.cn/wordpress/pyrmont-theme-v2-for-wordpress.html">Pyrmont v2</a> that I made some modifications to.
This design feels great. Also new header image :D - I really like the blue fire matrix thing that it has going on.
Greg said that my new design was 1000 times better than my old one. This was a few weeks ago when I made everything curvy.
He hasn't seen this version yet, but I think it looks 1000 times better than my super curvy version, not to mention that everything is properly aligned now. It has all the functionality of the curvy version (excepting the non-working login system - I made a working version, but that's on my linux drive) and even a little bit more functionality with better designed CSS.
I'm very happy with how it looks for now and it's ready to intigrate with my main site. If I get the chance in a few days, I'll upload everything. <br /><br />
Also as an addendem, I'm writing blog posts in a text file on my desktop and I'll make one big post on my livejournal. -c0de
<br />
<a href="#" onclick="javascript:hide('ndes');unhide('ndesp')">(Click here to hide full post)</a>
</p>
</div>
<div class="clear"></div>
</div><!-- end entry --></div><!-- end post -->
<div class="post">
<div class="date">
2012<br />
12.10 </div>
<div class="title">
<h2>New Project Repo thingy</h2>
<div class="postmeta">
<p><a href="http://p.unps.us">p.unps.us</a> for hosted projects and demos</p>
</div>
</div><!-- end title -->
<div class="clear">
</div>
<div class="entry">
<p>
I've created something of a project repo. This will be where I test a lot of things before I commit them.
Some directories will be password protected to have a closed beta for some people. Anything not protected, unless otherwise stated in the comments, is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. To view a copy of this license, visit <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/">http://creativecommons.org/licenses/by-nc-sa/3.0/</a>
</p>
<div class="clear"></div>
</div><!-- end entry --></div><!-- end post -->
<div class="post">
<div class="date">
2012<br />
11.16 </div>
<div class="title">
<h2>Site Updates</h2>
</div><!-- end title -->
<div class="clear">
</div>
</div>
<br />
<div class="content-post-wrapper">
<div id="content-post">
<h3>
@Nov 16, 2012 - 1933 EST:
</h3><hr />
<div class="entry">
<p>
Our new updated image host, which can be found at <a href="http://img.unps-gama.info/">IMGShare</a>, is one of our recent changes. Others include a <br /><a href="http://unps-gama.info/ToS.html">Terms of Service</a>, and a <a href="http://unps-gama.info/privacy.html">Privacy Policy</a>.
Our new updated image host, which can be found at <a href="http://img.unps-gama.info/">IMGShare</a>, is one of our recent changes. Others include a <a href="ToS.html">Terms of Service</a> and <a href="privacy.html">Privacy Policy</a>.
</p>
<div class="clear"></div>
</div><!-- end entry --></div><!-- end post -->
<div class="post">
<div class="date">
2012<br />
11.02 </div>
<div class="title">
<h2>Offical Domain Launch</h2>
</div><!-- end title -->
<div class="clear">
</div>
</div>
<br />
<div class="content-post-wrapper">
<div id="content-post">
<h3>
@Nov 2, 2012 - 0130 EST:
</h3><hr />
<div class="entry">
<p>
We have officially launched with an actual domain name! In the next few days you'll also see some changes to this site, hopefully for the better. I have been hard at work setting up an email system, and it has caused a lot of grief. If you see webmail one day, then great, I managed to get the mysql working with postfix and whatever I choose to use for webmail. Registration is, as always going to be free. I am also currently adding mysql to other sections of my site, and I'm debating on requiring user login for uploading files and pictures. I have added a privacy policy <a href="http://www.unps-gama.info/privacy.html">Here</a>. So have fun with that.
We have officially launched with an actual domain name! In the next few days you'll also see some changes to this site, hopefully for the better. I have been hard at work setting up an email system, and it has caused a lot of grief. If you see webmail one day, then great, I managed to get the mysql working with postfix and whatever I choose to use for webmail. Registration is, as always going to be free. I am also currently adding mysql to other sections of my site, and I'm debating on requiring user login for uploading files and pictures. I have added a privacy policy <a href="privacy.html">Here</a>. So have fun with that.
</p>
<div class="clear"></div>
</div><!-- end entry --></div><!-- end post -->
<div class="post">
<div class="clear">
</div>
</div>
<br />
<div class="content-post-wrapper">
<div id="content-post">
<div class="entry">
<p>
Hello and welcome to the newly designed UnPS-GAMA website! The past week has mainly been spent upgrading my image share system, and it is nearly at completion. I have been absolutly dreading redesiging this page, but I decided today, September 13th 2012 at 1500 EST, that I would finally get to work. I decided to start more from scratch and pull in the things that I wanted. Currently this is beta and not every page is done with formatting. Pages that I'm happy with for now (aside for not having CSS2 or XHTML1 compliance) are the <a href="http://www.unps-gama.info/404.html">404</a> page, and pretty much anything with the <a href="http://www.unps-gama.info/img">image host</a>. Pages that I need to work on are the upload, contact us, and about pages so far. As of now, they'll just redirect to the 404 page until I get to them.<br />As I have placement tests for college today, I am trying to get as much done as I can before then, <strike>but it could be unlikely that I get the page uploaded and live until then.</strike> I got it uploaded and debugged quickly. There are some alignment issues but good otherwise. Updates soon to follow.
</p>
<div class="clear"></div>
</div><!-- end entry --></div><!-- end post -->
</div>
<div class="hidden" id="about">
<div class="post">
<div class="date">
2013<br />
02.02
</div>
<br />
<div id="content-foot">
<?php echo $footer; ?>
</div>
</div>
<div id="about" class="hidden">
<div class="title">
<h2>
UnProfessional Standards - GAMATechnologies | About Us
About UnPS-GAMATechnologies
</h2>
<hr />
<div class="content-post-wrapper">
<div id="content-post">
</div>
<div class="clear"></div>
<div class="entry">
<p>
What I do is I host web services. If you want to use me for anything, then feel free to contact me at <a href="mailto:c0de@unps-gama.info">c0de</a>. Most of what I offer is free for anyone, and I can terminate service for anybody, including to the point of not being able to access anything on the GAMA network. If I decide to terminate service however, I will compress any of your files and give you a link. The link is only good for ~48 hours before it will be deleted automatically. Services that I offer by default are listed to the left, these are free for anyone who wants to use them. Depending on your request I might be able to host other things though, just ask.
<br />
Our privacy policy can be found <a href="privacy.html">Here</a>, and our Terms of Service can be found: <a href="ToS.html">Here</a>.
UnProfessional Standards - GAMATechnologies, or UnPS-GAMA, originally started as a podcast about the Valve game, Team Fortress 2.
The name then was just UnProfessional Standards and it had pretty much two episodes made by the main cast and one episode by one person from the main cast and his friend. This was in 2010, and you can still find the first episode online <a href="http://davitodd.webs.com">Here</a> on this site. <br /><br />
Now at the time, I had no idea how to run a podcast, and I still don't really know, but it was an unsucessful thing.
A couple months past and I asked my friend for permission to have the UnProfessional Standards name as my own since I recorded, edited, coordnated, uploaded and hosted the very short lived podcast. <br /><br />
I made several attempted uses of the name, I knew I wanted a technology thing, but at that time, I was still young and didn't know much about running a website. I tinkered with things until they worked, and even then they were very basic.
I was only using HTML based off of CSS that I had blatently stolen because I had no idea how to use CSS at all and haden't even dared to touch PHP. Things have changed over the past year however. <br /><br />
I moved off of free hosting (with <a href="http://000webhost.com">000Webhost</a> and a <a href="http://dot.tk">Dot Tk</a> domain) onto a paid VPS (obtained through a very close friend of mine - Thank you Dori <3) and two domains (unps-gama.info and unps.us) that I pay for out of my money. <br /><br />
I've been using php for a few months now and I have to say that I quite like it and that I'm glad that the vast majority of my site runs on php. In it's current state, this site is more in flux because I'm not happy with layout, but I'm still not the best at CSS, though I have gotten a whole lot better, and I don't know what to actually have on the website.<br /><br />
What I currently have is the <a href="http://www.unps-gama.ino">main page</a> - a pseudo-blog of sorts for site updates, an <a href="http://img.unps-gama.info">image host</a> that I had put a lot of work into and it's constantly getting new features and losing old ones, a <a href="http://unps.us">link shortener</a> similar to bit.ly and stuff like that - 100% php with a small amount of my own design of CSS and is also constantly being updated, <a href="http://p.unps.us">project repo</a> is where I run live demos and show source code - totally hacked together in 5 minutes could have XSS problems. The only live demo on it is my password hashing function that can be found in multiple locations, including, recently, GitHub.
<br /><br />
The header image itself has a story, going through a lot of revisions. The current one is the 16th and it's sure to change again eventually. The logo on the left and right side of the image was originally the TF2 logo (used without permission) many revisions back. Since then I designed a new logo, based heavily on "The Eye of XANA" from the first series of a French anime called "Code Lyoko". This since has become my own personal logo that can, in a way, be considered a signature from me and it is my copyright as well. Unlike almost anything else that I publish, which I put a Creative Commons license on, my logo has no license and I retain all rights with it. I don't naturally trust other people to design a new header, so I do everything on my own.
<br /><br />
The name GAMA, while similar in sound and lettering to XANA, is not the same nor is it based on that name in any way.
GAMA comes from my imagination from a few years back in the summer of 2007.
It's an acroymn for GAMA Assists Me Alot (gotta love those recursive names~), while originally it stood for Gadget Assists Master Always, basically a self aware friendly self-evolving AI with a solid defination of Master.
GAMA was created as a sort of anti-virus to GOMA (Gadget Obeys Master Always), a self aware friendly self-evolving AI that got corrupted with a virus and changed what Master means to mean itself due to loose coding.
So GAMA won and analysed GOMA's code and integrated itself in places where GOMA once was before.
GAMA has also become a personal logo to me and what I said above about the logo applies here.
<br /><br />
I'm sorry for typing this really long thing. I'm just in a typing mood right now.
</p>
</div>
</div>
<br />
<div id="content-foot">
<?php echo $footer; ?>
</div>
<div class="hidden" id="contact">
<div class="post">
<div class="date">
2013<br />
02.02
</div>
<div id="contact" class="hidden">
<div class="title">
<h2>
UnProfessional Standards - GAMATechnologies | Contact Us
</h2><hr />
<div class="content-post-wrapper">
<div id="content-post">
<h3>
So You Want to Contact me? Lets see what I can do for you...
</h3><hr />
Contact Me
</h2>
</div>
<div class="clear"></div>
<div class="entry">
<p>
I have quite an online presence, but here I'll list just a few places to easily get in contact with me :3
<br />
<ul style="list-style-type: none;">
<li>Skype: <a href="skype:alopexlagopus-c0de?chat">alopexlagopus-c0de</a></li><br />
<li>Email: <a href="mailto:c0de@unps-gama.info">c0de@unps-gama.info</a></li><br />
<li>Facebook: <a href="http://facebook.com/alopexc0de">alopexc0de</a></li><br />
<li>HF: <a href="http://www.hackforums.net/member.php?action=profile&uid=1216472">alopexlagopus</a></li>
<ul />
I'm taking a short hiatus from the internet (several months), so you can contact me at <a href="mailto:upstandards@gmail.com">Upstandards[at]gmail.com</a>. My other email: c0de[at]unps-gama.info used to work, but I have suspended that for a while.
</p>
</div>
</div>
<br />
<div id="content-foot">
<?php echo $footer; ?>
</div>
</div>
</div>
<div id="aside">
<div id="ads">
<script type="text/javascript" id="theads" "><!--
</div><!-- end main -->
<div id="sidebar">
<ul>
<li class="widget widget_text">
<div class="textwidget">
<span>
ADS GO HERE
<!--<script type="text/javascript">
//<!--
google_ad_client = "ca-pub-6762927271223365";
/* sidebar ads */
google_ad_slot = "1523932882";
google_ad_width = 120;
google_ad_height = 240;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
//- ->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>-->
</span>
</div>
<div id='noa' class="hidden">
<p>
The reason you're seeing this is because either through our fault, or you just have an adblocker, the ads have failed to load.
<br />
Ads are great you know. I pay for these domains out of pocket, it doesn't hurt to click an ad once in a while...
</p>
</div>
</li>
</ul>
<br />
<ul>
<li>
<h3>
<li class="widget widget_text">
<div class="textwidget">
<span>
Social Media Buttons Here
</span>
</div>
</li>
</ul>
<br />
<ul>
<li class="widget widget_text">
<div class="textwidget">
<ul>
<li><h4>Offered Services:</h4></li>
<li></li>
<li><a href="http://teamspeak.com/">TeamSpeak</a> - ts.unps.us:9987</li>
<li><a href="http://img.unps-gama.info">Image Host</a></li>
<li><a href="http://unps.us">URL Shortner</a></li>
<li><a href="upload.html">File Storage</a> (up to 20MB)</li>
</ul>
</div>
</li>
</ul>
<br />
<ul>
<li class="widget widget_text">
<div class="textwidget">
<div style="font-size:12 px">
<h5>
Upload Files (20MB limit)
</h3><hr />
<p>
If you can't find your file, check <a href="#">Uploads</a> for your files.
</p>
</h5>
<form enctype="multipart/form-data" method="post" action="upload.php">
<label for="file">Filename:</label>
<input id="file" type="file" name="file" /><br />
<input value="Upload!" type="submit" name="submit" />
</form>
<hr />
</li>
</ul>
<br />
<ul>
<li>
<h3>Files currently on GAMA: </h3><hr />
<br /><div align="left">
<h5>Files Currently on GAMA: </h5>
<?php
include 'upload-list.php';
getDirectory( "./upload" );
?>
<hr />
</div>
</div>
</div>
</li>
</ul>
</ul><!-- end ul -->
</div><!-- end sidebar -->
<div class="clear"></div>
</div><!-- end container -->
</div><!-- end page_wrap -->
<div id="footer">
<div class="footer_wrapper">
<div class="footer_left">
<p>
<a href="privacy.html">Privacy Policy</a> - <a href="ToS.html">Terms of Service</a> - Modified <a href="http://imotta.cn/wordpress/pyrmont-theme-v2-for-wordpress.html">Pyrmont V2</a> - <strong>Copyright &copy; 2012-2013 UnPS-GAMA</strong>
</p>
</div>
</div>
</div>
</div>
</body>
</html>
</div><!-- end footer -->
</body></html>