Author Topic: INN - LSCIDump  (Read 28781 times)

0 Members and 1 Guest are viewing this topic.

Offline Kawa

Re: INN - LSCIDump
« Reply #45 on: November 14, 2015, 09:22:50 PM »
I see The Dating Pool~ :D

Offline CTxCB

Re: INN - LSCIDump
« Reply #46 on: November 15, 2015, 02:54:33 AM »
It looks something like this now (see attached).

http://scicompanion.com

Some of the icons are a little rough-looking. Do you think over all that the blocky 8-bit icons look ok though? Maybe the icons should be modern hi-res ones, but the text should stay blocky? Or vice-versa?

For the slider bar images, I choose 3 screenshots each from combinations of VGA/EGA and Sierra/fanmade games (for a total of 12). Can anyone suggest better screenshots? Ideally I was looking for iconic scenes and, perhaps more importantly, scenes of predominantly one hue, as 3 adjacent scenes of mixed hues looks bad. I certainly failed in some cases.

Can anyone suggest title/subtitles for the sliderbar images that appear on top? I can't think of anything non-cheesy so I just put placeholder stuff in. But I was going for "create" copy for the fanmade screenshots and "nostalgia" copy for the sierra screenshots.


I hate wordpress.

[edit:] of course, IE is scaling the icons for some reason, ruining the blocky look. :-p
Okay... Critique time. See if you can get rid of the grey "Meta Area", the thing that has the "Log in", "Entries RSS", "Comments RSS" and "WordPress.org" links, because I feel that it ruins the feel a little, plus it's taking up unneeded and unnecessary space; The only real needed link is "Log In" and I think that could go onto the currently black footer (I'll explain shortly). Now with the black footer, if possible, make it white, and the text / social logos black... Then this is where the "Log In" Link fits in to the black footer, at the bottom of this post, I've wrote two sets of code if it allows you to edit HTML Code in it (One using JavaScript, the other pure HTML), else if not, just put "SCI Companion | Log In". Now the Spotlight Area at the top, the images are great, the text is great, but I feel the second image doesn't fit with the Sierra Style, that's the only problems I have with that. Finally, if possible... With the site as a whole, try and see if there's a way in HTML or the control panel that you can make the banner and the navigations fit into 100% width and 100% height of the browser window using CSS or some other trick, because I feel it'd look a lot more better if I didn't have to scroll down to actually see what the buttons do, and it'd make it much neater... Although text below is fine. Also maybe the footer should be sticky, so it stays at the bottom of the page when scrolling, so it's always seen. I hope you appreciate the time I've took to critique your site, and hopefully improve it.

Plain HTML:
(This version requires you to update it every year)
Code: [Select]
<a href="http://scicompanion.com/">SCI Companion</a>, &copy; 2007 - 2015; <a href="http://www.icefallgames.com/">Phil Fortier (Troflip)</a> | <a href="http://scicompanion.com/wp-login.php">Log In</a>
JavaScript:
(This version updates itself every year)
Code: [Select]
<script>function GetCopyright() { var StartYear = 2007; var MaxYear = 2050; var CurrentYear = new Date().getFullYear(); var CRSymbol = '&copy; '; var SSText = '; '; var Spacer = ' | '; var TSText = ' &ndash; '; var SciC = '<a href="http://scicompanion.com/">SCI Companion</a>'; var IceF = '<a href="http://www.icefallgames.com/">Phil Fortier (Troflip)</a>'; var LogI = '<a href="http://scicompanion.com/wp-login.php">Log In</a>'; if (StartYear == CurrentYear) { document.write(SciC + CRSmybol + StartYear + SSText + IceF + Spacer + LogI);} else if (StartYear !== CurrentYear && CurrentYear > StartYear && CurrentYear < MaxYear) { document.write(SciC + CRSmybol + StartYear + TSText + CurrentYear + SSText + IceF + Spacer + LogI); } GetCopyright(); }</script>
« Last Edit: November 15, 2015, 02:57:01 AM by CTxCB »

Offline Kawa

Re: INN - LSCIDump
« Reply #47 on: November 15, 2015, 07:23:26 AM »
Phil, if you'd like a clean plate for that one pic of mine that you used...

Offline MusicallyInspired

Re: INN - LSCIDump
« Reply #48 on: November 15, 2015, 09:41:29 AM »
It's not monochromatic, but here's a VGA rendition I did of a KQ3 scene long ago. My only attempt at VGA so far.
Brass Lantern Prop Competition

Offline Kawa

Re: INN - LSCIDump
« Reply #49 on: November 15, 2015, 09:53:18 AM »
It's not monochromatic, but here's a VGA rendition I did of a KQ3 scene long ago. My only attempt at VGA so far.
I don't think "monochromatic" is the term you were looking for. Did you mean "indexed"?

I think it looks quite stunning in 191 colors.

Offline troflip

Re: INN - LSCIDump
« Reply #50 on: November 15, 2015, 10:28:01 AM »
Okay... Critique time. See if you can get rid of the grey "Meta Area", the thing that has the "Log in", "Entries RSS", "Comments RSS" and "WordPress.org" links, because I feel that it ruins the feel a little, plus it's taking up unneeded and unnecessary space; The only real needed link is "Log In" and I think that could go onto the currently black footer

Yup, I just hadn't gotten around to cleaning that up. Totally agree with you. Also agree with most of the other things you said, esp wrt color. The 2nd image, I agree... but I don't have much VGA fan made stuff to work with! yet...

I also think I might lighten up the 4 icons... get rid of the borders and replace them with Sierra inventory icons (e.g. download would be a treasure chest, documentation would be  book) w no border. And use a lighter font (the text being the size it is now, laying out four icons across is a little tough for smaller screens).
« Last Edit: November 15, 2015, 10:36:26 AM by troflip »
Check out my website: http://icefallgames.com
Groundhog Day Competition

Offline troflip

Re: INN - LSCIDump
« Reply #51 on: November 15, 2015, 10:31:05 AM »
MI, that KQ3 scene is killer! I'd definitely like to use that, despite it not being monochromatic.

(And yeah, I did mean monochromatic. And even-toned. I don't want noisy backgrounds, because it makes the text on top harder to read and it doesn't look as clean).
Check out my website: http://icefallgames.com
Groundhog Day Competition

Offline troflip

Re: INN - LSCIDump
« Reply #52 on: November 15, 2015, 12:04:03 PM »
UGh, I can't believe how difficult it is to get these stupid page builder widgets to do the most obvious thing. I've changed the icons, and managed to extend the row to the full page width (it wasn't before, despite what it looked like). But now each icon is left-aligned inside its parent, so things look "off". I've tried several different things to center align them, but no luck. Can any html/css magicians take a look and see what can be done?
Check out my website: http://icefallgames.com
Groundhog Day Competition

Offline Kawa

Re: INN - LSCIDump
« Reply #53 on: November 15, 2015, 01:03:18 PM »
Code: [Select]
/* Remove all of these from style.css */
/*
.blog-post-side-layout .post-loop-content {
float: left;
padding: 10px 0px 8px 3.5%;
width: 68%;
}
*/

#pg-38-0 {
/* These two must go.
margin-left: -15px;
margin-right: -15px;
*/
margin: 0px auto;
padding: 0px;
width: 50%; /* This one is up to you, depending on how much space you'd like. */
}

From <div class="siteorigin-panels-stretch panel-row-style"> remove the margin and padding values.

#pg-38-0 .panel-grid-cell {
display: inline-block;
}

Though I'm tempted to redo the whole freakin' page from scratch. Too much extra bits on the side from Wordpress and the theme.

Offline troflip

Re: INN - LSCIDump
« Reply #54 on: November 15, 2015, 01:16:57 PM »
Hmm, that didn't seem to work, they're still left-aligned.
Check out my website: http://icefallgames.com
Groundhog Day Competition

Offline Kawa

Re: INN - LSCIDump
« Reply #55 on: November 15, 2015, 01:20:44 PM »
Possibly a browser compatibility thing. I did this on Opera 12, and the only other browser I have is IE11. My offer stands.

Offline troflip

Re: INN - LSCIDump
« Reply #56 on: November 15, 2015, 02:06:27 PM »
I managed to get it to work in a simpler manner: just by specifying text-align: center on the parent, and removing display: block from the img.
Check out my website: http://icefallgames.com
Groundhog Day Competition

Offline CTxCB

Re: INN - LSCIDump
« Reply #57 on: November 15, 2015, 02:15:45 PM »
I love how this has evolved from a discussion about Sierra / AT&T's "ImagiNation Network" SCI-Version (LSCI) and SCI Companion's ability to load such projects, into a discussion about SCI Companion's new flashy, slick looking website... I don't mind though; At least there's somewhere for such discussions to happen. :P

Offline MusicallyInspired

Re: INN - LSCIDump
« Reply #58 on: November 15, 2015, 03:14:58 PM »
Ah yes, it wasn't 8-bit. I should have said VGA-style (320x190) since it's actually 24-bit colour. Please feel free to use the 8-bit version Kawa made instead.
« Last Edit: November 15, 2015, 03:16:45 PM by MusicallyInspired »
Brass Lantern Prop Competition

Online Collector

Re: INN - LSCIDump
« Reply #59 on: November 15, 2015, 03:56:02 PM »
troflip, did you try float right

Code: [Select]
img  {
    float: right;
}
KQII Remake Pic


SMF 2.0.19 | SMF © 2021, Simple Machines
Simple Audio Video Embedder

Page created in 0.025 seconds with 23 queries.