Return to “General”

Post

My limit theory fan site

#1
I started this a while ago, back when we were having limit theory fan contents, and I thought it might be fun to make a fan site. I dont know about the rest of you, but personally I hate hate hate ltheory.com, but I know that Josh has much better things to do then mess around with some html.

I dont really know anything about web development, only making my first simple site in January, so dont be surprised by it complete lack of style. Anyway, enough prevaricating, check it out!

It has some known issues that Im working on:
  • * I would like the dev blog to auto update when Josh posts, this can be done in javascript I just need to do it.
    * The carousel is pretty ugly, and the arrows are almost completely invisible, but you can drag the images to make it move.
    * The background images should all load in the background as you load the page, this can be done with jquery I just havet done it yet.
Before you say it, yes I just stole all the write ups about LT from ltheory.com and pasted them into place. If anyone wants to help me by writing some original content for the site I would love to include it. For the time being Im going to assume that Josh doesnt care that Im stealing his content, and if he does he will just have to come out of hiding and let me know. Or you guys can, whatever.

This was mostly an exercise to teach myself some basic web stuffs. Many thanks to Dinosawer and his awesome wallpaper thread.

If you have any suggestions/comments/complaints feel free to leave a comment and I'll make changes. Or just fork the repo and submit a pull request.
Post

Re: My limit theory fan site

#5
Thanks for the positive feedback guys! I said I had been working on the site for a while, but I had an old crappy version that I didnt like, and started from scratch yesterday morning :D Im going to have to put some more work into it for sure.


HowSerendipitous -> The FAQ is drawn directly from the FAQ on ltheory.com. One of the reasons I wanted to make the site is that I wanted to create a place that had the latest information as well as the latest screenshots and videos, so thanks for letting me know! Is there a more updated FAQ out there? I know someone has a link in their signature, but I cant remember who ...


Holgerl -> Ya, I did no mobile optimization at all, but to be honest since most of the site is just pictures from the game you should look at them on a higher resolution screen anyway :D
Post

Re: My limit theory fan site

#7
Thanks! Im a little embarrassed it was so easy to find, but I didnt look for it at all just grabbed the FAQ from ltheory.com. Just another reason why the site needs to be updated so badly, why is the _real_ FAQ hidden in the forum section, and old outdated info on the *main* site? Ill add the actual FAQ to my site this evening.
Post

Re: My limit theory fan site

#9
thesilverspanch wrote:Thanks! Im a little embarrassed it was so easy to find, but I didnt look for it at all just grabbed the FAQ from ltheory.com. Just another reason why the site needs to be updated so badly, why is the _real_ FAQ hidden in the forum section, and old outdated info on the *main* site? Ill add the actual FAQ to my site this evening.
Why it's hidden on the forums:

There were two ways to do the FAQ and Game FAQ thread;
1) Put it as a global sticky, but then most people were missing it unless there was a reply posted to it, and thus lighting it up. It would get lost among stickies in the respective forums
2) Put it as it is now, but then it doesn't become apparent until you enter into any sub forum

If we had access to the main site, I would have at least cross-posted it there.
Image
Early Spring - 1055: Well, I made it to Boatmurdered, and my initial impressions can be set forth in three words: What. The. F*ck.
Post

Re: My limit theory fan site

#12
Cornflakes_91 wrote:page produces weird images next to the inserted youtube video

I see the same too CF.
Looking at the page source, I see that the Media link just jumps down to the Media tag.
It could also be something to do with the extra images appended to the youtube video source.
In all honesty, you would be better removing them, and just having links for youtube... if there are gaps either side, don't worry, most people will max screen the vid - your website should merely be a portal for people to connect to :)

Code: Select all

        <article id="media">
          <div class="carousel-wrapper" >
            <div class="carousel">
              <div>
                <iframe width="854" height="510" src="https://www.youtube.com/embed/0tPdbLe3zx0" frameborder="0" allowfullscreen></iframe>
              </div>
              <div>
                <img src="images/LT3.png" class="icon" alt="Lorem Ipsum">
              </div>
              <div>
                <img src="images/LT4.png" class="icon" alt="Lorem Ipsum">
              </div>
              <div>
                <img src="images/LT2.jpg" class="icon" alt="Lorem Ipsum">
              </div>  
              <div>
                <img src="images/LT5.png" alt="Lorem Ipsum">
              </div>
            </div><!--carousel -->
          </div><!-- carousel-wrapper-->
        </article>
Also, your floating menu isn't referenced correctly:

Code: Select all

        <ul id="main-menu nav-anchor" style="z-index:10;">
            <li id="menu-item-carousel" class="menu-item link-scroll" style="z-index:10;"><a href="#text">Story</a></li>
            <li id="menu-item-carousel" class="menu-item scroll" style="z-index:10;"><a href="#media">Media</a></li>
            <li id="menu-item-grid" class="menu-item scroll" style="z-index:10;"><a href="#grid">Dev Blog</a></li>
            <li id="menu-item-featured" class="menu-item scroll" style="z-index:10;"><a href="#featured">Forums</a></li>
            <li id="menu-item-contact" class="menu-item scroll" style="z-index:10;"><a href="#contact">FAQ</a></li>
        </ul><!-- #main-menu -->
"media" works because you have media referenced correctly for the link to work:
<article id="media">


"Story" works because you have have text referenced correctly too:
<article id="text" class="section-wrapper clearfix" style="height:150vh;" >

However, Dev Blog doesn't work, as your href says #grid, but the information article id is blog, and you're trying to call grid, which doesn't exist@
<article id="blog" class="row">

Forums doesn't exist, as you have created a href called #featured, but it doesn't exist in the html code, in fact the location of the Forum link is lost under the Dev Blog, and you don't make it apparent that it is a clickable link (ie. you use the same font and colour as the heading for Dev Blog for example.):

Code: Select all

<div class="col-sm-10 col-md-9 pull-right" style="color:#fff;">
            <a href="http://forums.ltheory.com/"><h1>Join the discussion on the Forums</h1></a>

          </div>

FAQ link doesn't work as you don't have an article id for the FAQ section:

Code: Select all

<article>
          <div id="faq" class="col-sm-10 col-md-9 pull-right" style="color:#fff;">
Also, I would change the href to be FAQ instead of contact:

Code: Select all

existing:
            <li id="menu-item-contact" class="menu-item scroll" style="z-index:10;"><a href="#contact">FAQ</a></li>

change to:
            <li id="menu-item-contact" class="menu-item scroll" style="z-index:10;"><a href="#FAQ">FAQ</a></li>
Hope these help as having a functional menu is all important. :)

:thumbup:

Good luck

P.S.
For the "Main Page", you have a wonderful shadow for the menu.
I would ask that you consider using that on the main page, to diffuse the white text which disappears into the header_image.png
It makes the text hard to read and I have to highlight the text to read it, which ruins the experience of the background/text.

Already people have commented on it:
- Protip: Try a different font color
- white text with a black outline is always readable
Image
Last edited by FormalMoss on Sun Mar 29, 2015 5:52 pm, edited 7 times in total.
YAY PYTHON \o/

In Josh We Trust
-=326.3827=-
Post

Re: My limit theory fan site

#14
Regarding the images to the left and right of the video, that was actually a problem I couldnt solve and eventually threw my hands up in the air and said, "fix it later." Its a carousel, so if you drag to the left or right it will pull the images out, but a) the images are of different resolution so appear different sizes, which I could fix but would involve me busting out an images editor which just seamed like a lot of work at the time, and b) the arrows to move the carousel are being placed by the jquery carousel library Im using off the side of the page for some reason. To fix this I think Im going to just switch to a new carousel library, or spend some more time with the one I have to try and figure out why its not working correctly.

Regarding the move-everything-to-its-own page argument, I considered that, but right now there isnt enough LT content to really justify it. Additionally, I didnt want to replicate _all_ the content on ltheory.com, and I didnt see any point of making a link to every video from Josh since thats what youtube is for. I was considering making a "gallery" page with all the photos, but to be honest the state of the game has changed so much in the last 6 months that showing old images is counter productive and gives a poor impression of the games current* state. The next feature I would like to add (besides fixing up the carousel none-sense) would be a javascript web scraper to automatically grab the content from the dev blog, but for the time being I dont see much utility in that (since we might not get another post for a couple months or something).


ForsakenCrown -> Very good point, just changed it!

Can this count as my entry in the next Limit Theory Fan Contest?


*who knows what it looks like now, since the last time we heard anything was in December.

Online Now

Users browsing this forum: No registered users and 20 guests

cron