flat assembler
Message board for the users of flat assembler.

Index > Heap > Fresh IDE web site redesign. Do you like it?

Goto page Previous  1, 2, 3  Next
Author
Thread Post new topic Reply to topic
JohnFound



Joined: 16 Jun 2003
Posts: 3500
Location: Bulgaria
JohnFound
MHajduk wrote:
When you use the style created for revolution the graphics in the "Introduction" page becomes something like this (the set of separate image belts):


Not anymore. It was work-in-progress. Do you like round images?

_________________
Tox ID: 48C0321ADDB2FE5F644BB5E3D58B0D58C35E5BCBC81D7CD333633FEDF1047914A534256478D9
Post 15 Nov 2014, 22:23
View user's profile Send private message Visit poster's website ICQ Number Reply with quote
MHajduk



Joined: 30 Mar 2006
Posts: 6034
Location: Poland
MHajduk
JohnFound wrote:
MHajduk wrote:
When you use the style created for revolution the graphics in the "Introduction" page becomes something like this (the set of separate image belts):


Not anymore. It was work-in-progress.
Yes, I confirm, now the image is properly displayed.
JohnFound wrote:
Do you like round images?
Why not? I like rounded shapes in general. Wink
Post 15 Nov 2014, 23:04
View user's profile Send private message Visit poster's website Reply with quote
MHajduk



Joined: 30 Mar 2006
Posts: 6034
Location: Poland
MHajduk
Another thing that seems to be missing in the comments in the test version of the Fresh site as well as in the original one: the date and time of the posted message. Such "timelessness" is a bit inconvenient (to me at least) and, if my memory serves me right, may be found in the WinASM forum too.

JohnFound wrote:
revolution wrote:
PS: You should have "salted" your email address for the avatar thing. Some people are imitating you there.


It is not a big problem actually. (...)

For example, on the main Fresh site, such behavior is never observed. (And I have very low spam level on this e-mail, so the general purpose bots are not able to parse it).
Not really true. One of the comments presented below is yours, another certainly not (and you can confirm it easily checking your server logs):

Image

As I said here and there, to generate individual avatar use only email address / string that you'll keep in secret. Avatar should be known as the moderator's one but the generating string - obviously not. Smile
Post 16 Nov 2014, 09:50
View user's profile Send private message Visit poster's website Reply with quote
JohnFound



Joined: 16 Jun 2003
Posts: 3500
Location: Bulgaria
JohnFound
Now, the test is complete. The main site of Fresh IDE has been updated.

The above scratch site was deleted.
Post 16 Nov 2014, 12:06
View user's profile Send private message Visit poster's website ICQ Number Reply with quote
MHajduk



Joined: 30 Mar 2006
Posts: 6034
Location: Poland
MHajduk
Any plans to introduce changes I have postulated?
Post 16 Nov 2014, 13:35
View user's profile Send private message Visit poster's website Reply with quote
MHajduk



Joined: 30 Mar 2006
Posts: 6034
Location: Poland
MHajduk
I show you what I mean and how to change your stylesheets to obtain the effects (add the author of every quotation) I have postulated.

First, the screenshot:

Image

In the file 'all.css' change style of the 'bq' element (add shadowing and change padding a little):
Code:
/* block quote div container style */
div.bq {
  border: 2px solid #808080;
  padding: 0em 0.7em 0.1em 1em;
  margin:  1em;

  background-color: #f8f8f8;
  clear: both;
  box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.5);
}    
Introduce new style for h1 headers inside 'bq' elements (framed, with proper background, aligned in a way that makes it laying partially outside the comment):
Code:
div.bq h1
{
  margin-left: -0.5em;
  margin-top: -1em;
  padding: 0.1em 0.2em 0.1em 0.2em;
  
  border: 2px solid #808080;
  background: blanchedalmond;
  color: #808080;
  
  font-size: 1em;
  font-weight: normal;
  
  float: left;
  clear:both;
}    
Finally in MiniMagAsm mechanism change the procedure parsing quotations and add to the beginning of every quotation sequence:
Code:
<h1>AuthorName wrote:</h1><br>    
to obtain something like in the following example:
Code:
<p class="avatar"><img class="avatar" alt="Smile" src="Fresh%20IDE%20project%20-%20Introduction_pliki/e15f17978351930262d540ec4931a969.png">John Found:</p><div class="opinion">
<div class="bq"><h1>Helmi wrote:</h1>
<br><p>Any plan to support MacOS? Currently I run fine using CrossOver.</p></div><p>Not
 at this moment. At least I never programmed anything for MacOS. In 
theory, if someone wants to port FreshLib for MacOS, then Fresh 3.0 will
 support MacOS as well.
</p>
<div class="bq"><h1>RIDER wrote:</h1><br><p>WHERE CAN I DOWNLOAD THE INSTALLATION MANUAL AND THE USERS MANUAL
</p></div><p>The installation manual and users manual are included in 
the Fresh IDE distribution. Simply press Ctrl+F1 and read: 
"advanced_setup.md" and "tips.md". Unfortunately, there is no full 
written Users Manual, but "tips.md" describes almost all advanced 
features, that are not obvious.
</p>    
Wink
Post 16 Nov 2014, 14:27
View user's profile Send private message Visit poster's website Reply with quote
JohnFound



Joined: 16 Jun 2003
Posts: 3500
Location: Bulgaria
JohnFound
MHajduk wrote:
Any plans to introduce changes I have postulated?


The time stamps of the comment system is really necessary. I even wonder how I could forget about it. But just now I have other projects to manage, so it will be implemented the next time I start to play with MiniMagAsm.

_________________
Tox ID: 48C0321ADDB2FE5F644BB5E3D58B0D58C35E5BCBC81D7CD333633FEDF1047914A534256478D9
Post 16 Nov 2014, 14:33
View user's profile Send private message Visit poster's website ICQ Number Reply with quote
MHajduk



Joined: 30 Mar 2006
Posts: 6034
Location: Poland
MHajduk
JohnFound wrote:
MHajduk wrote:
Any plans to introduce changes I have postulated?


The time stamps of the comment system is really necessary. I even wonder how I could forget about it. But just now I have other projects to manage, so it will be implemented the next time I start to play with MiniMagAsm.
John, please read my comment above, you have there a complete solution (at least from the CSS point of view). Smile
Post 16 Nov 2014, 14:34
View user's profile Send private message Visit poster's website Reply with quote
MHajduk



Joined: 30 Mar 2006
Posts: 6034
Location: Poland
MHajduk
Quotations with rounded corners ('border-radius' may not work in all types of browsers but in Firefox certainly does):

Image

CSS changes:
Code:
/* block quote div container style */
div.bq {
  border: 2px solid #808080;
  border-radius: 15px;
  box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.5);
  padding: 0em 0.7em 0.1em 1em;
  margin:  1em;

  background-color: #f8f8f8;
  clear: both;
}

div.bq h1
{
  margin-left: -0.5em;
  margin-top: -1.2em;
  padding: 0.2em 0.3em 0.2em 0.3em;
  
  border: 2px solid #808080;
  border-radius: 10px;
  box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.2);
  background: blanchedalmond;
  color: #808080;
  
  font-size: 1em;
  font-weight: normal;
  
  float: left;
  clear: both;
}
    
Changes in the presented comment example:
Quote:
<p class="avatar"><img class="avatar" alt="Smile" src="Fresh%20IDE%20project%20-%20Introduction_pliki/e15f17978351930262d540ec4931a969.png">John Found:</p><div class="opinion">
<div class="bq"><h1>Helmi wrote:</h1><br><p>Any plan to support MacOS? Currently I run fine using CrossOver.</p></div><p>Not
at this moment. At least I never programmed anything for MacOS. In
theory, if someone wants to port FreshLib for MacOS, then Fresh 3.0 will
support MacOS as well.
</p>
<div class="bq"><h1>RIDER wrote:</h1><br><p>WHERE CAN I DOWNLOAD THE INSTALLATION MANUAL AND THE USERS MANUAL
</p></div><p>The installation manual and users manual are included in
the Fresh IDE distribution. Simply press Ctrl+F1 and read:
"advanced_setup.md" and "tips.md". Unfortunately, there is no full
written Users Manual, but "tips.md" describes almost all advanced
features, that are not obvious.
</p>

Smile
Post 16 Nov 2014, 15:03
View user's profile Send private message Visit poster's website Reply with quote
JohnFound



Joined: 16 Jun 2003
Posts: 3500
Location: Bulgaria
JohnFound
@MHajduk - OK, I will see what I can do about it. Smile BTW, it is not about the MiniMagAsm itself. It is a matter of markdown parser. It is not a part of MiniMagAsm and knows nothing about its commenting system.
Post 16 Nov 2014, 15:16
View user's profile Send private message Visit poster's website ICQ Number Reply with quote
JohnFound



Joined: 16 Jun 2003
Posts: 3500
Location: Bulgaria
JohnFound
Post 16 Nov 2014, 17:37
View user's profile Send private message Visit poster's website ICQ Number Reply with quote
MHajduk



Joined: 30 Mar 2006
Posts: 6034
Location: Poland
MHajduk
Yes, I like it. Smile The system could even put there a timestamp, something like

"MHajduk at 17:34:52, 16.11.2014 wrote:"

(but maybe this kind of information should be rather reserved for messages only not quotations to save a space).

Image

The identation of the text is a side effect that may be cool but if you want to avoid it just change 'margin-top' and/or padding inside the 'bq' element. Smile I have used in the aforementioned example '<br>' tag to separate heading and paragraph and avoid identation this way.

[EDIT]I have just observed some interesting side effect when you don't add the author of the quoted sentences. It's nothing bad, even looks nice - a small dot appears above the frame with quoted text. Looks like a "cloud" from the comic book, hehe. Smile

Image[/EDIT]
Post 16 Nov 2014, 17:45
View user's profile Send private message Visit poster's website Reply with quote
JohnFound



Joined: 16 Jun 2003
Posts: 3500
Location: Bulgaria
JohnFound
And now, the comments time stamps have been implemented. It was really easier than I though.
Post 17 Nov 2014, 01:03
View user's profile Send private message Visit poster's website ICQ Number Reply with quote
MHajduk



Joined: 30 Mar 2006
Posts: 6034
Location: Poland
MHajduk
Yeah, now with timestamps it looks better, adds some historical perspective. Wink
We are living in the world where people get used to the fact that every event has its own place in the space-time, we watch news, follow twitter and other social media. Hence the timestamping is something that allows us to introduce a kind of chronological order in everything we are getting to know. Smile
Post 17 Nov 2014, 07:22
View user's profile Send private message Visit poster's website Reply with quote
revolution
When all else fails, read the source


Joined: 24 Aug 2004
Posts: 17270
Location: In your JS exploiting you and your system
revolution
Is there a way for users to preview before submit?
Post 17 Nov 2014, 07:29
View user's profile Send private message Visit poster's website Reply with quote
JohnFound



Joined: 16 Jun 2003
Posts: 3500
Location: Bulgaria
JohnFound
revolution wrote:
Is there a way for users to preview before submit?


Not in this very moment, but I think about it.

_________________
Tox ID: 48C0321ADDB2FE5F644BB5E3D58B0D58C35E5BCBC81D7CD333633FEDF1047914A534256478D9
Post 17 Nov 2014, 12:58
View user's profile Send private message Visit poster's website ICQ Number Reply with quote
JohnFound



Joined: 16 Jun 2003
Posts: 3500
Location: Bulgaria
JohnFound
@revolution & @MHajduk You guys are pushing me towards full featured forum software. Idea

It is not bad at all, but at first, the architecture of MiniMagAsm is not aimed for such things. It will need at least some decent relational database back-end to be used. (SQLite?)

At second, such a project is not "one man project" and if started, at least several programmers will be needed. Do you want to take part of this adventure? Twisted Evil
Post 17 Nov 2014, 13:05
View user's profile Send private message Visit poster's website ICQ Number Reply with quote
revolution
When all else fails, read the source


Joined: 24 Aug 2004
Posts: 17270
Location: In your JS exploiting you and your system
revolution
JohnFound wrote:
At second, such a project is not "one man project" and if started, at least several programmers will be needed. Do you want to take part of this adventure? Twisted Evil
Sure. I can suggest really hard things for implementation and you can program it all up. Then I'll complain about wasted space and whatnot and you can make a whole new version just for me. Twisted Evil Hehe.
Post 17 Nov 2014, 13:15
View user's profile Send private message Visit poster's website Reply with quote
JohnFound



Joined: 16 Jun 2003
Posts: 3500
Location: Bulgaria
JohnFound
Hm, I am agree, but backwards. I will suggest, you implement.
Post 17 Nov 2014, 13:46
View user's profile Send private message Visit poster's website ICQ Number Reply with quote
JohnFound



Joined: 16 Jun 2003
Posts: 3500
Location: Bulgaria
JohnFound
OK, now we have a comment formatting preview feature.

Actually there are two of them Very Happy

If javascript is enabled, the preview is "as you type", web 2.0 style. Pretty fast, even on my slow GPRS modem. I thought it will be slower.

BTW, very funny to play with the avatar monster images in real time.

For revolution and other without javascript, there is a button "Preview" that will show the preview in special page.

Enjoy.
Post 19 Nov 2014, 09:45
View user's profile Send private message Visit poster's website ICQ Number Reply with quote
Display posts from previous:
Post new topic Reply to topic

Jump to:  
Goto page Previous  1, 2, 3  Next

< Last Thread | Next Thread >
Forum Rules:
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You can attach files in this forum
You can download files in this forum


Copyright © 1999-2020, Tomasz Grysztar.

Powered by rwasa.