Skip to content

Commit

Permalink
fixed static page displays
Browse files Browse the repository at this point in the history
  • Loading branch information
kacole2 committed Aug 6, 2014
1 parent ce598c6 commit 1ee0ec4
Show file tree
Hide file tree
Showing 5 changed files with 138 additions and 146 deletions.
19 changes: 13 additions & 6 deletions app/assets/stylesheets/application.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -24,32 +24,39 @@

/* footer */

footer {
.footer {
margin-top: 45px;
padding-top: 5px;
border-top: 1px solid #eaeaea;
color: #999;
}

footer a {
.footer a {
color: #555;
}

footer a:hover {
.footer a:hover {
color: #222;
}

footer small {
.footer small {
float: left;
}

footer ul {
.footer ul {
float: right;
list-style: none;
}

footer ul li {
.footer ul li {
float: left;
margin-left: 10px;
}

.versionnum {
padding: 5px;
width: 35px;
background-color: #2c3e50;
color:#EAEAEA;
border-radius: 5px;
}
1 change: 1 addition & 0 deletions app/views/layouts/_footer.html.erb
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@

<footer class="footer">
<div class="col-lg-12">
<small>
Expand Down
49 changes: 23 additions & 26 deletions app/views/static_pages/about.html.erb
View file
Original file line number Diff line number Diff line change
@@ -1,28 +1,25 @@
<% provide(:title, 'About') %>

<!DOCTYPE html>
<html>
<head>
<title><% :title %> </title>
</head>
<body>
<h2>JumpSquares</h2>

JumpSquares version = 1.3<br>
<br>
JumpSquares was created because I had a problem. Whenever I logged into a remote locaton, a lab, and even my own environment, I couldn't
figure out where anything was. I was constantly sending off emails to see where certain applications were installed, or
I was launching the vSphere Client to figure out IP addresses or DNS names of the servers where those applications were hosted.
<br><br>
So I got the idea to create a landing page. JumpSquares is really a hybrid of a wiki and pinterest. JumpSquares allows any
user, developer, engineer, or administrator to access the page to figure out where everything is located. If someone installs
a new application, they can create a new JumpSquare so they can let everyone know where the application was installed.
<br><br>
We've all been there before when you have zombie applications sprawling out all over the place. JumpSquares makes everyone
standardize on a single location as a "master copy" where they can access all web-based applications (and even do some SSH!).
<div class="row">
<div class="col-lg-10 col-md-10 col-sm-10 col-xs-12 col-lg-offset-1 col-md-offset-1 col-sm-offset-1">
<h2>JumpSquares</h2>


</p>
</body>
</html>

<p>JumpSquares version: <span class="versionnum">1.3.1</span><br></p>
<br>
<p>
JumpSquares was created because I had a problem. Whenever I logged into a remote locaton, a lab, and even my own environment, I couldn't
figure out where anything was. I was constantly sending off emails to see where certain applications were installed, or
I was launching the vSphere Client to figure out IP addresses or DNS names of the servers where those applications were hosted.
</p>
<br>
<p>
So I got the idea to create a landing page. JumpSquares is really a hybrid of a wiki and pinterest. JumpSquares allows any
user, developer, engineer, or administrator to access the page to figure out where everything is located. If someone installs
a new application, they can create a new JumpSquare so they can let everyone know where the application was installed.
</p>
<br>
<p>
We've all been there before when you have zombie applications sprawling out all over the place. JumpSquares makes everyone
standardize on a single location as a "master copy" where they can access all web-based applications (and even do some SSH!).
</p>
</div>
</div>
32 changes: 13 additions & 19 deletions app/views/static_pages/contact.html.erb
View file
Original file line number Diff line number Diff line change
@@ -1,21 +1,15 @@
<% provide(:title, 'Contact') %>

<!DOCTYPE html>
<html>
<head>
<title><% :title %> </title>
</head>
<body>
<h2>Contact Information</h2>
<br>
<center>
<div class="row">
<div class="col-md-3"><%=link_to image_tag("rss_150.png", :height => '150', :width => '150'), "http://www.kendrickcoleman.com" %><br><%=link_to "www.kendrickcoleman.com", "http://www.kendrickcoleman.com" %> </div>
<div class="col-md-3"><%=link_to image_tag("twitter_150.png", :height => '150', :width => '150'), "https://twitter.com/KendrickColeman" %><br><%=link_to "@kendrickcoleman","https://twitter.com/KendrickColeman" %> </div>
<div class="col-md-3"><%=link_to image_tag("facebook_150.png", :height => '150', :width => '150'), "https://www.facebook.com/pages/kendrickcolemancom/148077885252956" %><br><%=link_to "kendrickcoleman.com","https://www.facebook.com/pages/kendrickcolemancom/148077885252956" %> </div>
<div class="col-md-3"><%=link_to image_tag("github_150.png", :height => '150', :width => '150'), "https://github.com/kacole2" %><br><%=link_to "kacole2", "https://github.com/kacole2" %> </div>
<div class="row">
<div class="col-lg-10 col-md-10 col-sm-10 col-xs-12 col-lg-offset-1 col-md-offset-1 col-sm-offset-1">
<h2>Contact Information</h2>
<br>
<center>
<div class="row">
<div class="col-md-3"><%=link_to image_tag("rss_150.png", :height => '150', :width => '150'), "http://www.kendrickcoleman.com" %><br><%=link_to "www.kendrickcoleman.com", "http://www.kendrickcoleman.com" %> </div>
<div class="col-md-3"><%=link_to image_tag("twitter_150.png", :height => '150', :width => '150'), "https://twitter.com/KendrickColeman" %><br><%=link_to "@kendrickcoleman","https://twitter.com/KendrickColeman" %> </div>
<div class="col-md-3"><%=link_to image_tag("facebook_150.png", :height => '150', :width => '150'), "https://www.facebook.com/pages/kendrickcolemancom/148077885252956" %><br><%=link_to "kendrickcoleman.com","https://www.facebook.com/pages/kendrickcolemancom/148077885252956" %> </div>
<div class="col-md-3"><%=link_to image_tag("github_150.png", :height => '150', :width => '150'), "https://github.com/kacole2" %><br><%=link_to "kacole2", "https://github.com/kacole2" %> </div>
</div>
</center>
</div>
</center>

</body>
</html>
</div>
183 changes: 88 additions & 95 deletions app/views/static_pages/help.html.erb
View file
Original file line number Diff line number Diff line change
@@ -1,96 +1,89 @@
<% provide(:title, 'Help') %>

<!DOCTYPE html>
<html>
<head>
<title><% :title %> </title>
</head>
<body>
<h2>Some help to get you started</h2>
<br>
<br>
<p>
FAQ:
<ul>
<li><%= link_to "How do the AppTypes work?", "#apptypes" %></li>
<li><%= link_to "Why does my screen look like garbage?", "#garbage" %></li>
<li><%= link_to "Why am I not seeing any JumpSquares?", "#notsee" %></li>
<li><%= link_to "What's this ssh:// stuff?", "#ssh" %></li>
<li><%= link_to "Why can I not remove an AppType?", "#removeapp" %></li>
<li><%= link_to "Why does the search only work on one page?", "#search" %></li>
<li><%= link_to "How does the Remote Server Access stuff work?", "#remoteaccess" %></li>
<li><%= link_to "How do I use the Nmap Scan utility to quickly add JumpSquares?", "#nmapscan" %></li>
</ul>
</p>
<br>
<p>
<strong><a name="apptypes">How do the AppTypes work?</a></strong><br>
If you go to the AppTypes page, you will see a bunch of different kinds of applications. You can request to have a new application added if it isn't listed.
Please attach an img url to something that is square in shape. such as 500x500 or 200x200 pixels. Transparent .png imgaes tend to show up best as well.
You must select an AppType when creating a new JumpSquare. If you don't select an AppType, then the first available AppType will be selected by default.
</p>
<br>
<p>
<strong><a name="garbage">Why does my screen look like garbage?</a></strong><br>
Are you using Internet Explorer? That's probably why. Use a browser that follows new standardizations such as Firefox, Chrome, Opera, or Safari.
</p>
<br>
<p>
<strong><a name="notsee">Why am I not seeing any JumpSquares?</a></strong><br>
Hit "Create a New JumpSquare" button on the home page and fill it out. The most important part is that you type the correct URL of where you want the link to be connected.

</p>
<br>
<p>
<strong><a name="ssh">What's this ssh:// stuff?</a></strong><br>
I didn't forget about the uber geeks. Switches, storage arrays, or anything else that can be managed via CLI and SSH now has the ability to open a SSH session directly
from your browser. For it to function correctly, your browser requires the <a href="http://firessh.net/">FireSSH</a> plugin (Available for Firefox and Chrome)
</p>
<br>
<p>
<strong><a name="removeapp">Why can I not remove an AppType?</a></strong><br>
If you are using the hosted version at JumpSquares.net or the authenticated version of the virtual appliance, then the
AppTypes are in a read-only mode. Only an administrator has the ability to delete an AppType. If you are an administrator
then make sure you have "0" JumpSquares of that specific app type before you try to delete it. The link will not work if it's not at 0.

</p>
<br>
<p>
<strong><a name="search">Why does the search only work on one page?</a></strong><br>
Well in fact, the search works on any page. The search function will only search through items on the page you are viewing. Keep it simple, ya know...

</p>
<br>
<p>
<strong><a name="remoteaccess">How does the Remote Server Access stuff work?</a></strong><br>
You can access the server that is hosting an application by creating two links in the same JumpSquare. When you enter an IP Address or DNS Name of
the server where an application is installed, you have already made the first step.<br>
By default, 'None' is selected which doesn't create a hyperlink to the server.<br>
If 'RDP' is selected, a 'servername.rdp' file is generated and available for download. Click 'open' from the download prompt and it will
automatically open your RDP client. Works on both Mac and PC (not tested on linux). Do NOT add 'rdp://' or anything else to the server name.<br>
If 'SSH' is selected, it needs to follow the same rules as using ssh:// for the Jump location. Your browser requires the
<a href="http://firessh.net/">FireSSH</a> plugin. Do NOT add 'ssh://' to the server name<br>
If 'VNC' is selected, clicking on the link will open up a new tab in your browser pointing to servername:5800. This method has been tested
with TightVNC and RealVNC (Enterprise license was tested, does not work on free license). The VNC software installed on the server requires the ability to render
VNC over HTML5 on Port 5800. Java is required for TightVNC and RealVNC. Tested and works on Windows. Tested and failed to load Java on Mac. Port 5800 is the only
one that can be used at this time.
</p>
<br>
<p>
<strong><a name="nmapscan">How do I use the Nmap Scan utility to quickly add JumpSquares?</a></strong><br>
<a href="http://nmap.org/"><font color="18bc9c">Nmap</font></a> is a free tool used to perform port scanning on a network. To get started, <a href="http://nmap.org/download.html"><font color="18bc9c">download
Nmap</font></a> for Windows, Mac, or Linux and install it on your system. Mac & Linux users: Open up a terminal session and change your current directory to a desktop location or somewhere easy to navigate.
For Windows users: Open up a command (cmd)/DOS Window and change to the directory you installed Nmap into (cd "\Program Files (x86)\Nmap").
On Windows releases prior to Windows 7, specify \Program Files\Nmap instead. If you execute Nmap frequently, please <a href="http://nmap.org/book/inst-windows.html"><font color="18bc9c">read this</font></a>.
Type the following (Mac & Linux used may need 'sudo' for root):
<dl><b>nmap -sS -O -v 192.168.10.* -oX output.xml</b></dl>
Executing this command will do a stealth scan against the entire 192.168.10.0/24 subnet and save the scan to output.xml. Change the .xml name if preferred.
The subnet style can be replaced with <a href="http://nmap.org/book/man-examples.html"><font color="18bc9c">different paramters</font></a>. The
length of time will depend on the amount of hosts and the amount of open ports. Go grab a beer (or coffee). After the scan has completed, <a href="/nmapfiles/new"><font color="18bc9c">Upload the Nmap Scan XML</font></a>
to analyze missing JumpSquare entries based on DNS and IP. If a JumpSquare has not been configured for a DNS or IP address entry, click on "Create JumpSquare", which open the JumpSquare creation form. The DNS or IP
address will be pre-populated for you.


</p>
</body>
</html>
<div class="row">
<div class="col-lg-10 col-md-10 col-sm-10 col-xs-12 col-lg-offset-1 col-md-offset-1 col-sm-offset-1">
<h2>Some help to get you started</h2>
<br>
<br>
<p>
FAQ:
<ul>
<li><%= link_to "How do the AppTypes work?", "#apptypes" %></li>
<li><%= link_to "Why does my screen look like garbage?", "#garbage" %></li>
<li><%= link_to "Why am I not seeing any JumpSquares?", "#notsee" %></li>
<li><%= link_to "What's this ssh:// stuff?", "#ssh" %></li>
<li><%= link_to "Why can I not remove an AppType?", "#removeapp" %></li>
<li><%= link_to "Why does the search only work on one page?", "#search" %></li>
<li><%= link_to "How does the Remote Server Access stuff work?", "#remoteaccess" %></li>
<li><%= link_to "How do I use the Nmap Scan utility to quickly add JumpSquares?", "#nmapscan" %></li>
</ul>
</p>
<br>
<p>
<strong><a name="apptypes">How do the AppTypes work?</a></strong><br>
If you go to the AppTypes page, you will see a bunch of different kinds of applications. You can request to have a new application added if it isn't listed.
Please attach an img url to something that is square in shape. such as 500x500 or 200x200 pixels. Transparent .png imgaes tend to show up best as well.
You must select an AppType when creating a new JumpSquare. If you don't select an AppType, then the first available AppType will be selected by default.
</p>
<br>
<p>
<strong><a name="garbage">Why does my screen look like garbage?</a></strong><br>
Are you using Internet Explorer? That's probably why. Use a browser that follows new standardizations such as Firefox, Chrome, Opera, or Safari.
</p>
<br>
<p>
<strong><a name="notsee">Why am I not seeing any JumpSquares?</a></strong><br>
Hit "Create a New JumpSquare" button on the home page and fill it out. The most important part is that you type the correct URL of where you want the link to be connected.

</p>
<br>
<p>
<strong><a name="ssh">What's this ssh:// stuff?</a></strong><br>
I didn't forget about the uber geeks. Switches, storage arrays, or anything else that can be managed via CLI and SSH now has the ability to open a SSH session directly
from your browser. For it to function correctly, your browser requires the <a href="http://firessh.net/">FireSSH</a> plugin (Available for Firefox and Chrome)
</p>
<br>
<p>
<strong><a name="removeapp">Why can I not remove an AppType?</a></strong><br>
If you are using the hosted version at JumpSquares.net or the authenticated version of the virtual appliance, then the
AppTypes are in a read-only mode. Only an administrator has the ability to delete an AppType. If you are an administrator
then make sure you have "0" JumpSquares of that specific app type before you try to delete it. The link will not work if it's not at 0.

</p>
<br>
<p>
<strong><a name="search">Why does the search only work on one page?</a></strong><br>
Well in fact, the search works on any page. The search function will only search through items on the page you are viewing. Keep it simple, ya know...

</p>
<br>
<p>
<strong><a name="remoteaccess">How does the Remote Server Access stuff work?</a></strong><br>
You can access the server that is hosting an application by creating two links in the same JumpSquare. When you enter an IP Address or DNS Name of
the server where an application is installed, you have already made the first step.<br>
By default, 'None' is selected which doesn't create a hyperlink to the server.<br>
If 'RDP' is selected, a 'servername.rdp' file is generated and available for download. Click 'open' from the download prompt and it will
automatically open your RDP client. Works on both Mac and PC (not tested on linux). Do NOT add 'rdp://' or anything else to the server name.<br>
If 'SSH' is selected, it needs to follow the same rules as using ssh:// for the Jump location. Your browser requires the
<a href="http://firessh.net/">FireSSH</a> plugin. Do NOT add 'ssh://' to the server name<br>
If 'VNC' is selected, clicking on the link will open up a new tab in your browser pointing to servername:5800. This method has been tested
with TightVNC and RealVNC (Enterprise license was tested, does not work on free license). The VNC software installed on the server requires the ability to render
VNC over HTML5 on Port 5800. Java is required for TightVNC and RealVNC. Tested and works on Windows. Tested and failed to load Java on Mac. Port 5800 is the only
one that can be used at this time.
</p>
<br>
<p>
<strong><a name="nmapscan">How do I use the Nmap Scan utility to quickly add JumpSquares?</a></strong><br>
<a href="http://nmap.org/"><font color="18bc9c">Nmap</font></a> is a free tool used to perform port scanning on a network. To get started, <a href="http://nmap.org/download.html"><font color="18bc9c">download
Nmap</font></a> for Windows, Mac, or Linux and install it on your system. Mac & Linux users: Open up a terminal session and change your current directory to a desktop location or somewhere easy to navigate.
For Windows users: Open up a command (cmd)/DOS Window and change to the directory you installed Nmap into (cd "\Program Files (x86)\Nmap").
On Windows releases prior to Windows 7, specify \Program Files\Nmap instead. If you execute Nmap frequently, please <a href="http://nmap.org/book/inst-windows.html"><font color="18bc9c">read this</font></a>.
Type the following (Mac & Linux used may need 'sudo' for root):
<dl><b>nmap -sS -O -v 192.168.10.* -oX output.xml</b></dl>
Executing this command will do a stealth scan against the entire 192.168.10.0/24 subnet and save the scan to output.xml. Change the .xml name if preferred.
The subnet style can be replaced with <a href="http://nmap.org/book/man-examples.html"><font color="18bc9c">different paramters</font></a>. The
length of time will depend on the amount of hosts and the amount of open ports. Go grab a beer (or coffee). After the scan has completed, <a href="/nmapfiles/new"><font color="18bc9c">Upload the Nmap Scan XML</font></a>
to analyze missing JumpSquare entries based on DNS and IP. If a JumpSquare has not been configured for a DNS or IP address entry, click on "Create JumpSquare", which open the JumpSquare creation form. The DNS or IP
address will be pre-populated for you.
</p>
</div>
</div>

0 comments on commit 1ee0ec4

Please sign in to comment.