Half-Life Fallout: A Glimpse of our horrors - Half-Life Fallout

Jump to content

  • (3 Pages)
  • +
  • 1
  • 2
  • 3
  • You cannot start a new topic
  • You cannot reply to this topic

A Glimpse of our horrors



Ivan the Space Biker's Personal Aid

Posts: 6,945

Icon

#1 Posted 08 February 2016 - 05:45 PM

Welp, some of you guys may know hlfbot-, or should I say hlfbot 20XX. He has been our resident irc chat bot and trusty (I should say crashy) companion, since 2010, that lives inside my raspberry pi at home.

I added a new script to upload our most recent chat dialog, so some of you need not bother to log in to still see the fun/horrible stuff we discuss day to day or not!


Also, i know it looks horrible, but its a work in progress. I welcome anyone who wants to look at the html file to make it look pretty.


Posted Image



G-Man Personal Aid

Posts: 2,452

#2 Posted 08 February 2016 - 06:03 PM

Oooh i could put some dazzle in that HTML. Front-end developers have taught me many CSS/HTML tricks over the years.
Does Gabe Newell ever wonder what life would be like without Gordon Freeman?

Posted Image



Intergalactic Wizard

Posts: 3,652

Icon

#3 Posted 08 February 2016 - 06:24 PM

Found a picture of the "bot" suicide is developing...

Posted Image

Posted Image



Ivan the Space Biker's Personal Aid

Posts: 6,945

Icon

#4 Posted 08 February 2016 - 06:35 PM

View PostSynicalSpaghetti, on 08 February 2016 - 01:24 PM, said:

Found a picture of the "bot" suicide is developing...

Posted Image


he looks soo happy! Wonder why?
Posted Image



Sex bomb

Posts: 11,457

#5 Posted 09 February 2016 - 04:24 AM

For posterity
Posted Image



G-Man Personal Aid

Posts: 2,452

#6 Posted 09 February 2016 - 04:17 PM

The horror, the horror.

- Mr Kurtz
Does Gabe Newell ever wonder what life would be like without Gordon Freeman?

Posted Image



Mr Macintosh

Posts: 16,870

Icon

#7 Posted 10 February 2016 - 05:21 PM

Nice!



Ivan the Space Biker's Personal Aid

Posts: 6,945

Icon

#8 Posted 10 February 2016 - 06:31 PM

Any takers on improving the chat window? Its super simple:


<!DOCTYPE html>
<html>
<head>
	<title>#HLFallout Chat History</title>
<style>
    body.irc
    {
        font-family: "Lucida Console";   
        background-color:white;
        font-size: 14px;
    }
    
    span.t
    {
        white-space:nowrap;
    }
</style>    
  
</head>
<body class="irc">
	<div style="float:right">
	<b>IRC_LOG_DATE</b>
	</div>	
	<div style="text-align:left;">
	<a href="http://gamesurge.net/chat"><b>#hlfallout</b></a>
	</div>
	<hr />
    <span class="t" class="t" style="color:blue;"><b>NICK16 </b></span><span class="t" style="color:black">TEXT16</span><br />    
    <span class="t" style="color:blue;"><b>NICK15 </b></span><span class="t" style="color:black">TEXT15</span><br />
    <span class="t" style="color:blue"><b>NICK14 </b></span><span class="t" style="color:black">TEXT14</span><br />
	<span class="t" style="color:blue"><b>NICK13 </b></span><span class="t" style="color:black">TEXT13</span><br />    
    <span class="t" style="color:blue"><b>NICK12 </b></span><span class="t" style="color:black">TEXT12</span><br />
    <span class="t" style="color:blue"><b>NICK11 </b></span><span class="t" style="color:black">TEXT11</span><br />
	<span class="t" style="color:blue"><b>NICK10 </b></span><span class="t" style="color:black">TEXT10</span><br />
	<span class="t" style="color:blue"><b>NICK9 </b></span><span class="t" style="color:black">TEXT9</span><br />
	<span class="t" style="color:blue"><b>NICK8 </b></span><span class="t" style="color:black">TEXT8</span><br />
	<span class="t" style="color:blue"><b>NICK7 </b></span><span class="t" style="color:black">TEXT7</span><br />
	<span class="t" style="color:blue"><b>NICK6 </b></span><span class="t" style="color:black">TEXT6</span><br />
	<span class="t" style="color:blue"><b>NICK5 </b></span><span class="t" style="color:black">TEXT5</span><br />
	<span class="t" style="color:blue"><b>NICK4 </b></span><span class="t" style="color:black">TEXT4</span><br />
	<span class="t" style="color:blue"><b>NICK3 </b></span><span class="t" style="color:black">TEXT3</span><br />
	<span class="t" style="color:blue"><b>NICK2 </b></span><span class="t" style="color:black">TEXT2</span><br />
	<span class="t" style="color:blue"><b>NICK1 </b></span><span class="t" style="color:black">TEXT1</span><br />
</body>
</html>




I currently just replace NICK# & TEXT# with the stored list. If you can make it prettier it would make me soo happy.
Posted Image



Ivan the Space Biker's Personal Aid

Posts: 6,945

Icon

#9 Posted 11 February 2016 - 12:02 AM

ok, i set irc to update automagically, please be kind, rewind.
Posted Image



Intergalactic Wizard

Posts: 3,652

Icon

#10 Posted 11 February 2016 - 01:09 AM

<!DOCTYPE html>
<html>
<head>
        <title>#HLFallout Chat History</title>
<style>
    body.irc
    {
        font-family: "Arial";   
        background-color: #fff;
        font-size: 14px;
		white-space:nowrap;
    }
  
	div.date
	{
		background-color: #606060;
		color: #fff;
		padding: 5px 0px 10px 0px;
	}
	
		div.date a
	{
		color: #fff;
	}
  
    span.nick
    {
        white-space: nowrap;
		color: #ee8514;
		font-weight: bold;
    }
	
	span.date
	{
		white-space: nowrap;
		color: #ee8514;
		font-weight: bold;
	}
	
	span.text
	{
		color: #606060;
	}
	
	a
	{
		color: #ee8514;
		text-decoration: underline;
		font-weight: bold;
	}
	a:hover
	{
		color: #000;
	}
</style>    
  
</head>
<body class="irc">
	<div class="date">
        <div style="float:right">
			IRC_LOG_DATE
        </div>  
        <div style="text-align:left;">
			<a href="http://gamesurge.net/chat" target="_blank" alt="Join us now!">#hlfallout</a>
        </div>
	</div>
        
    <span class="nick">NICK16 </span><span class="text"><a href="http://gamesurge.net/chat" target="_blank" alt="Join us now!">#hlfallout</a></span><br />    
    <span class="nick">NICK15 </span><span class="t" style="color:black">TEXT15</span><br />
    <span class="nick">NICK14 </span><span class="t" style="color:black">TEXT14</span><br />
    <span class="nick">NICK13 </span><span class="t" style="color:black">TEXT13</span><br />    
    <span class="nick">NICK12 </span><span class="t" style="color:black">TEXT12</span><br />
    <span class="nick">NICK11 </span><span class="t" style="color:black">TEXT11</span><br />
	<span class="nick">NICK10 </span><span class="t" style="color:black">TEXT10</span><br />
	<span class="nick">NICK9 </span><span class="t" style="color:black">TEXT9</span><br />
	<span class="nick">NICK8 </span><span class="t" style="color:black">TEXT8</span><br />
	<span class="nick">NICK7 </span><span class="t" style="color:black">TEXT7</span><br />
	<span class="nick">NICK6 </span><span class="t" style="color:black">TEXT6</span><br />
	<span class="nick">NICK5 </span><span class="t" style="color:black">TEXT5</span><br />
	<span class="nick">NICK4 </span><span class="t" style="color:black">TEXT4</span><br />
	<span class="nick">NICK3 </span><span class="t" style="color:black">TEXT3</span><br />
	<span class="nick">NICK2 </span><span class="t" style="color:black">TEXT2</span><br />
	<span class="nick">NICK1 </span><span class="t" style="color:black">TEXT1</span><br />
</body>
</html>


I tried, then I got bored so...
Posted Image



Gordon Freeman's Personal Aid

Posts: 7,731

#11 Posted 11 February 2016 - 04:35 AM

I made a couple of small adjustments (mainly padding, text color, and making the text wrap properly).

<!DOCTYPE html>
<html>
<head>
    <title>#HLFallout Chat History</title>
    <style>
        body.irc
        {
            font-family: Helvetica,Arial,sans-serif;   
            background-color: #fff;
            font-size: 14px;
            white-space:nowrap;
            overflow: hidden;
        }

        div.date
        {
            background-color: #606060;
            color: #fff;
            padding: 10px;
            margin-bottom: 5px;
        }

        div.date a
        {
            color: #fff;
        }

        span.nick
        {
            white-space: nowrap;
            color: #ee8514;
            font-weight: bold;
        }

        span.date
        {
            white-space: nowrap;
            color: #ee8514;
            font-weight: bold;
        }
        
        span.t 
        {
            white-space: normal;
            color: #606060;
        }
        
        a
        {
            color: #ee8514;
            text-decoration: underline;
            font-weight: bold;
        }
        a:hover
        {
            color: #000;
        }
    </style>
</head>
<body class="irc">
    <div class="date">
        <div style="float:right">IRC_LOG_DATE</div>
        <div style="text-align:left;">
            <a href="http://gamesurge.net/chat" target="_blank" alt="Join us now!">#hlfallout</a>
        </div>
    </div>
        
    <span class="nick">NICK16 </span><span class="text"><a href="http://gamesurge.net/chat" target="_blank" alt="Join us now!">#hlfallout</a></span><br />    
    <span class="nick">NICK15 </span><span class="t">lol, people can't see quotes on hfl</span><br />
    <span class="nick">NICK14 </span><span class="t">TEXT14</span><br />
    <span class="nick">NICK13 </span><span class="t">TEXT13</span><br />    
    <span class="nick">NICK12 </span><span class="t">some of my friends already have one or two, or are working on it. Kids are never something I've wanted. Being an uncle is close enough for me, and that only started recently.</span><br />
    <span class="nick">NICK11 </span><span class="t">TEXT11</span><br />
    <span class="nick">NICK10 </span><span class="t">TEXT10</span><br />
    <span class="nick">NICK9 </span><span class="t">TEXT9</span><br />
    <span class="nick">NICK8 </span><span class="t">TEXT8</span><br />
    <span class="nick">NICK7 </span><span class="t">TEXT7</span><br />
    <span class="nick">NICK6 </span><span class="t">TEXT6</span><br />
    <span class="nick">NICK5 </span><span class="t">TEXT5</span><br />
    <span class="nick">NICK4 </span><span class="t">TEXT4</span><br />
    <span class="nick">NICK3 </span><span class="t">TEXT3</span><br />
    <span class="nick">NICK2 </span><span class="t">TEXT2</span><br />
    <span class="nick">NICK1 </span><span class="t">TEXT1</span><br />
</body>
</html>




Ivan the Space Biker's Personal Aid

Posts: 6,945

Icon

#12 Posted 11 February 2016 - 04:38 PM

View PostHobGadling, on 10 February 2016 - 11:35 PM, said:

I made a couple of small adjustments (mainly padding, text color, and making the text wrap properly).

<!DOCTYPE html>
<html>
<head>
    <title>#HLFallout Chat History</title>
    <style>
        body.irc
        {
            font-family: Helvetica,Arial,sans-serif;   
            background-color: #fff;
            font-size: 14px;
            white-space:nowrap;
            overflow: hidden;
        }

        div.date
        {
            background-color: #606060;
            color: #fff;
            padding: 10px;
            margin-bottom: 5px;
        }

        div.date a
        {
            color: #fff;
        }

        span.nick
        {
            white-space: nowrap;
            color: #ee8514;
            font-weight: bold;
        }

        span.date
        {
            white-space: nowrap;
            color: #ee8514;
            font-weight: bold;
        }
        
        span.t 
        {
            white-space: normal;
            color: #606060;
        }
        
        a
        {
            color: #ee8514;
            text-decoration: underline;
            font-weight: bold;
        }
        a:hover
        {
            color: #000;
        }
    </style>
</head>
<body class="irc">
    <div class="date">
        <div style="float:right">IRC_LOG_DATE</div>
        <div style="text-align:left;">
            <a href="http://gamesurge.net/chat" target="_blank" alt="Join us now!">#hlfallout</a>
        </div>
    </div>
        
    <span class="nick">NICK16 </span><span class="text"><a href="http://gamesurge.net/chat" target="_blank" alt="Join us now!">#hlfallout</a></span><br />    
    <span class="nick">NICK15 </span><span class="t">lol, people can't see quotes on hfl</span><br />
    <span class="nick">NICK14 </span><span class="t">TEXT14</span><br />
    <span class="nick">NICK13 </span><span class="t">TEXT13</span><br />    
    <span class="nick">NICK12 </span><span class="t">some of my friends already have one or two, or are working on it. Kids are never something I've wanted. Being an uncle is close enough for me, and that only started recently.</span><br />
    <span class="nick">NICK11 </span><span class="t">TEXT11</span><br />
    <span class="nick">NICK10 </span><span class="t">TEXT10</span><br />
    <span class="nick">NICK9 </span><span class="t">TEXT9</span><br />
    <span class="nick">NICK8 </span><span class="t">TEXT8</span><br />
    <span class="nick">NICK7 </span><span class="t">TEXT7</span><br />
    <span class="nick">NICK6 </span><span class="t">TEXT6</span><br />
    <span class="nick">NICK5 </span><span class="t">TEXT5</span><br />
    <span class="nick">NICK4 </span><span class="t">TEXT4</span><br />
    <span class="nick">NICK3 </span><span class="t">TEXT3</span><br />
    <span class="nick">NICK2 </span><span class="t">TEXT2</span><br />
    <span class="nick">NICK1 </span><span class="t">TEXT1</span><br />
</body>
</html>


It's better than we had, but the latest change broke the nowrap. I added it to avoid having to add scrollbars and prevent cut-off text. Can you guys fix this, please?
Posted Image



G-Man Personal Aid

Posts: 2,452

#13 Posted 11 February 2016 - 11:46 PM

Do you want text to wrap to next line then? other than allowing scroll within the iframe that is the only option to avoid cut-off.

EDIT:
Wrapping is hard to do within an iframe although we could enforce the same width in the irc.html.

Are you open to AJAX+JS to load irc messages from hlf server?
Does Gabe Newell ever wonder what life would be like without Gordon Freeman?

Posted Image



Ivan the Space Biker's Personal Aid

Posts: 6,945

Icon

#14 Posted 12 February 2016 - 12:42 AM

View Postscreechingringer, on 11 February 2016 - 06:46 PM, said:

Do you want text to wrap to next line then? other than allowing scroll within the iframe that is the only option to avoid cut-off.


I want it to look pretty, I just don't want text to get cut off in the middle of a line and I don't want fuggly scrollbars. thats why i removed nowrap, so it keeps it nice at each line, at the loss of text.

Quote

Are you open to AJAX+JS to load irc messages from hlf server?



I have heard of those things, they probably have something to do with the internet.
Posted Image



Gordon Freeman's Personal Aid

Posts: 7,731

#15 Posted 12 February 2016 - 02:34 AM

I'm not sure which element is getting the scroll bar but if you add the CSS property "overflow: hidden;" to it then it will just hide the overflowing text instead of adding a scroll bar. I thought putting it on body.irc would do it but apparently that's not what's scrolling? It's weird that it's all iframes.

  • (3 Pages)
  • +
  • 1
  • 2
  • 3
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users