Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Mobile version #11

Open
L2L2L opened this issue Aug 2, 2014 · 1 comment
Open

Mobile version #11

L2L2L opened this issue Aug 2, 2014 · 1 comment

Comments

@L2L2L
Copy link
Contributor

L2L2L commented Aug 2, 2014

Mobile version.

Http://www.JavaScripturePocketVersion.com

Or

Http://www.JavaScriptureMobile.com

Consider talking to caniuse group of posting a link to your site and you vice versir in return.

Have you heard of xqib?
@L2L2L
Copy link
Contributor Author

L2L2L commented Aug 16, 2014

Don't look at this, this is just to put pressure on me to work on it more:
Truthfully, this is more of a challenge then I though it was going to be. I more so want to concentrate on JavaScript. So this might just be it.

I have gone over css, and html, I am fimilar with them, but I have not truly done anything with them... I am a novice... Even with JavaScript, I am a novice. So yeah, I'm sorry, I wish I could throw you something that would wow you... But that come with experience.

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
.topnav a:hover {
    color: #FFFAE6;
}
#menu {
    color: #FFE780;
    font-family: Baskerville;
    font-variant: small-caps;
    text-decoration: none;
}
#jsture {
    position: fixed;
    top: 50;
    color: #FFE780;
    font-family: Baskerville;
    font-variant: small-caps;
    text-decoration: none;
    z-index:1;
}
#intro section > .logo h1 {
    color: #C21700;
    text-shadow: 2px 2px 3px rgba(102, 55, 48, 0.5);
    font-family: Baskerville;
    text-decoration: none;
    font-variant: small-caps;
    letter-spacing: 1px;
    font-size: 2.6em;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-left: 0.17em;
}
.topnav {
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 9999;
    background: none repeat scroll 0% 0% #00172A;
    font-size: 1.2em;
    height: 1.5em;
    padding-left: 1em;
    border-bottom: 1px solid #000;
}

.copyright {
    margin-top: 1em;
    font-size: 0.8em;
    color: rgba(33, 51, 66, 0.4);
    text-align: center;
}
</style>
</head>
<body>

<header class="header">
<div class="topnav">

    <span id="menu">menu</span>
<select>

<span id="jsture">
<a href="/">

    JavaScripture

</a>
</span>
  <optgroup label="menu">
    <option value="home"><a href="">Home</a></option>
    <option value="search"><a href="">Search</a></option>
    <option value="about"><a href="">About</a></option>
  </optgroup>
</select>

</div>
</header>
<br />
<section id="intro">

<h1 class="logo">JavaScripture</h1>

<h4>Your online reference to Client-Side scripting.</h4>

<input type="text" placeholder="Search JavaScripture"></input>

<h5>Advance Search</h5>

</section>

<br/>
<br/>
<br/>
<section id="footer">
    <a href="">Home</a>
    <a href="">About</a>
    <a href="">Feedback</a>
    <a href="">License</a>
<br/>
    <a href="">Copyright &copy; JavaScripture Contributors</a>
</section>


<div class="bottomnav">

    <a href="/"></a>
    <a href="/license"></a>
    <a href="https://github.com/nkronlage/JavaScripture"></a>
    <a href="/feedback"></a>

</div>
<div class="copyright"></div>

</body>
</html>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@L2L2L