improve html / css style

diff --git a/bsta.css b/bsta.css
index 666e84ceed210b8e1310fb0bdfbe5d948e5401bb..dd3277f92e8dff813667b0b05ce95c4c34fcc197 100644 (file)
--- a/bsta.css
+++ b/bsta.css
@@ -1,149 +1,159 @@
 html
 {
+       /* background-color: #d9ecff; */ /* old background */
        background-color: #46a3ff;
-       /* background-color: #d9ecff; */
-       border-color: #000000;
-       color: #000000;
+       border-color:     #000000;
+       color:            #000000;
        text-align: center;
 }
 
 a
 {
        border-color: #0057af;
-       color: #0057af;
+       color:        #0057af;
        text-decoration:underline;
 }
 a:visited
 {
        border-color: #bb6622;
-       color: #bb6622;
+       color:        #bb6622;
 }
 a:hover
 {
        border-color: #bb6622;
-       color: #bb6622;
+       color:        #bb6622;
 }
 a:hover:visited
 {
        border-color: #0057af;
-       color: #0057af;
+       color:        #0057af;
 }
 ::selection
 {
-       color: #ffffff;
+       color:            #ffffff;
        background-color: #bb6622;
 }
 
 div#all
 {
        background-color: #d9ecff;
-       /* background-color: #ffffff; */
-       margin-left: auto;
+       margin-left:  auto;
        margin-right: auto;
-       margin-top: 0px;
+       margin-top:    0px;
        margin-bottom: 0px;
-       width: 656px;
-       padding-top: 27px;
-       padding-bottom: 27px;
+       width:       656px;
+       padding:       0px;
        text-align: center;
 }
 div.all
 {
        background-color: #d9ecff;
-       /* background-color: #ffffff; */
-       margin-left: auto;
+       margin-left:  auto;
        margin-right: auto;
-       margin-top: 0px;
+       margin-top:    0px;
        margin-bottom: 0px;
-       width: 656px;
-       padding-top: 27px;
-       padding-bottom: 27px;
+       width:       656px;
+       padding:       0px;
        text-align: center;
 }
 
 div.ins
 {
        background-color: #ffffff;
-       margin-left: auto;
-       margin-right: auto;
-       margin-top: 0px;
-       margin-bottom: 0px;
-       padding: 0px;
-       border: 0px;
-       width: 580px;
+       border-color:     #d9ecff;
+       margin-left:        auto;
+       margin-right:       auto;
+       margin-top:          0px;
+       margin-bottom:       0px;
+       padding:             0px;
+       border-style:      solid;
+       border-left-width:  38px;
+       border-right-width: 38px;
+       width:             580px;
 }
 div#inst
 {
-       /* margin-top: 27px; */
-       /* margin-bottom: 0px; */
+       border-top-width:   27px;
+       border-bottom-width: 0px;
 }
 div#insb
 {
-       /* margin-top: 0px; */
-       /* margin-bottom: 27px; */
+       border-top-width:     0px;
+       border-bottom-width: 27px;
+}
+div#insw
+{
+       border-top-width:    27px;
+       border-bottom-width: 27px;
 }
 
 div#title
 {
-       text-align: center;
-       padding-top: 21px;
+       text-align:   center;
+       padding-top:    21px;
        padding-bottom: 21px;
-       padding-left: 0px;
-       padding-right: 0px;
-       border: 0px;
-       margin: 0px;
+       padding-left:    0px;
+       padding-right:   0px;
+       border-width:    0px;
+       margin:          0px;
 }
 div.title
 {
-       text-align: center;
-       padding-top: 21px;
+       text-align:   center;
+       padding-top:    21px;
        padding-bottom: 21px;
-       padding-left: 0px;
-       padding-right: 0px;
-       border: 0px;
-       margin: 0px;
+       padding-left:    0px;
+       padding-right:   0px;
+       border-width:    0px;
+       margin:          0px;
 }
 
 h1#titletext
 {
-       margin: 0px;
-       border: 0px;
-       padding: 0px;
+       margin:       0px;
+       border-width: 0px;
+       padding:      0px;
 }
 h1.titletext
 {
-       margin: 0px;
-       border: 0px;
-       padding: 0px;
+       margin:       0px;
+       border-width: 0px;
+       padding:      0px;
 }
 
 div#storypuzzle
 {
-       text-align: left;
-       padding: 8px;
-       margin: 0px;
-       border: 0px;
+       text-align:  left;
+       padding:      8px;
+       margin:       0px;
+       border-width: 0px;
        font-weight: bold;
 }
 
 div#framespace
 {
        background-color: #ffffff;
-       margin-left: auto;
+       margin-left:  auto;
        margin-right: auto;
-       margin-top: 0px;
+       margin-top:    0px;
        margin-bottom: 0px;
-       padding: 0px;
-       border: 0px;
-       width: 656px;
+       padding:       0px;
+       border-width:  0px;
+       width:       656px;
 }
 
 img#frame
 {
-       border: solid #0057af;
-       border-width: 27px 38px;
-       padding: 0px;
-       margin: 0px;
+       border-color: #0057af;
+       border-style:       solid;
+       width:              580px;
+       height:             410px;
+       border-top-width:    27px;
+       border-bottom-width: 27px;
+       border-left-width:   38px;
+       border-right-width:  38px;
+       padding:              0px;
+       margin:               0px;
 }
 img#frame:hover
 {
@@ -151,12 +161,19 @@ img#frame:hover
 }
 img#frame.double
 {
-       border-width: 54px 38px;
+       width:              580px;
+       height:             820px;
+       border-top-width:    54px;
+       border-bottom-width: 54px;
+       border-left-width:   38px;
+       border-right-width:  38px;
 }
 img#frame.full
 {
-       border-width: 0px;
        background-color: #0057af;
+       width:      656px;
+       height:     464px;
+       border-width: 0px;
 }
 img#frame.full#hover
 {
@@ -164,72 +181,85 @@ img#frame.full#hover
 }
 img#frame.bftf
 {
-       padding-top: 60px;
-       padding-bottom: 60px;
-       padding-left: 85px;
-       padding-right: 85px;
        background-color: #d9ecff;
+       width:         410px;
+       height:        290px;
+       padding-top:    60px;
+       padding-bottom: 60px;
+       padding-left:   85px;
+       padding-right:  85px;
 }
+img#frame.bftf#hover
+{
+       background-color: #ff8800;
+}
+
 
 img.intf
 {
        border-width: 0px;
-       padding: 0px;
-       margin: 0px;
+       padding:      0px;
+       margin:       0px;
 }
 tr.intf
 {
        border-width: 0px;
-       padding: 0px;
-       margin: 0px;
+       padding:      0px;
+       margin:       0px;
 }
 td.intf
 {
        border-width: 0px;
-       padding: 0px;
-       margin: 0px;
+       padding:      0px;
+       margin:       0px;
 }
 table#intftable
 {
-       border: solid #0057af;
-       border-width:27px 38px;
-       padding: 0px;
-       margin: 0px;
        background-color: #ffffff;
+       border-color:     #0057af;
        border-collapse: collapse;
-       border-spacing: 0px;
+       border-spacing:       0px;
+       border-style:       solid;
+       border-top-width:    27px;
+       border-bottom-width: 27px;
+       border-left-width:   38px;
+       border-right-width:  38px;
+       padding:              0px;
+       margin:               0px;
 }
 
 div#undertext
 {
-       text-align: left;
-       padding: 8px;
-       margin: 0px;
-       border: 0px;
+       text-align:  left;
+       padding:      8px;
+       margin:       0px;
+       border-width: 0px;
 }
 div.undertext
 {
-       text-align: left;
-       padding: 8px;
-       margin: 0px;
-       border: 0px;
+       text-align:  left;
+       padding:      8px;
+       margin:       0px;
+       border-width: 0px;
 }
 
 div#chat
 {
-       text-align: left;
-       padding: 8px;
-       margin: 0px;
-       border: 0px;
        font-family: monospace;
+       text-align: left;
+       padding:     8px;
+       margin:      0px;
+       border:      0px;
 }
 
 div.fq
 {
-       text-align: left;
-       border: solid #0057af 4px;
        font-family: monospace;
-       padding: 2px;
+       text-align:       left;
+       border-color:  #0057af;
+       border-style:    solid;
+       border-width:      4px;
+       padding:           2px;
 }
 div.fq:hover
 {
@@ -237,9 +267,12 @@ div.fq:hover
 }
 div.tq
 {
-       text-align: left;
-       border: solid #0057af 4px;
-       padding: 2px;
+       text-align:       left;
+       border-color:  #0057af;
+       border-style:    solid;
+       border-width:      4px;
+       padding:           2px;
+
 }
 div.tq:hover
 {
@@ -248,71 +281,71 @@ div.tq:hover
 
 div.opomba
 {
-       text-align: left;
-       border: solid #0057af 4px;
        background-color: #0057af;
+       border-color:     #0057af;
+       border-style: solid;
+       border-width:   4px;
+       text-align:    left;
 }
 div.opomba:hover
 {
-       border-color: #bb6622;
+       border-color:     #bb6622;
        background-color: #bb6622;
 }
 div.opomba:target
 {
-       border-color: #bb6622;
+       border-color:     #bb6622;
        background-color: #bb6622;
 }
 div.opomba:target:hover
 {
-       border-color: #bb6622;
+       border-color:     #bb6622;
        background-color: #bb6622;
 }
 div.opomba_info
 {
        color: #ffffff!important;
-       /* font-weight: bold; */
 }
 div.opomba_text
 {
        background-color: #ffffff;
-       color: #000000;
-       clear: both;
+       color:            #000000;
+       clear:  both;
        padding: 4px;
 }
 
 div.space
 {
        background-color: #46a3ff;
-       height: 27px;
-       margin-top: 27px;
-       margin-bottom: 27px;
+       height:       27px;
+       margin-top:    0px; /* 27 */
+       margin-bottom: 0px; /* 27 */
 }
 
 div#command
 {
-       text-align: left;
-       margin: 0px;
-       border: 0px;
-       padding: 8px;
+       text-align:  left;
+       margin:       0px;
+       border-width: 0px;
+       padding:      8px;
+       font-size:   150%;
        font-family: monospace;
-       font-size: 150%;
-       /* font-weight: bold; */
 }
 
 div#underlinks
 {
-       text-align: left;
-       padding: 8px;
-       margin: 0px;
-       border: 0px;
+       text-align:  left;
+       padding:      8px;
+       margin:       0px;
+       border-width: 0px;
        font-family: monospace;
 }
 div.underlinks
 {
-       text-align: left;
-       padding: 8px;
-       margin: 0px;
-       border: 0px;
+       text-align:  left;
+       padding:      8px;
+       margin:       0px;
+       border-width: 0px;
        font-family: monospace;
 }
 
@@ -327,14 +360,13 @@ span.inp
 
 input.intx
 {
-       border-color: #0057af;
-       color: #000000;
        background-color: #ffffff;
-       border-width: 2px;
+       color:            #000000;
+       border-color:     #0057af;
        border-style: solid;
-       margin: 2px;
+       border-width:   2px;
+       margin:         2px;
        font-family: monospace;
-       /* font-size: 150%; */
 }
 input.intx:focus
 {
@@ -347,15 +379,14 @@ input.intx:hover
 
 input.intxc
 {
-       border-color: #0057af;
-       color: #000000;
        background-color: #ffffff;
-       border-width: 2px;
+       color:            #000000;
+       border-color:     #0057af;
        border-style: solid;
-       margin: 2px;
+       border-width:   2px;
+       margin:         2px;
+       width:         100%;
        font-family: monospace;
-       width: 100%;
-       /* font-size: 150%; */
 }
 input.intxc:focus
 {
@@ -366,21 +397,23 @@ input.intxc:hover
        border-color: #bb6622;
 }
 
-/* table.intxc
+/*
+table.intxc
 {
        width=100%;
-} */
+}
+*/
 
 textarea.inta
 {
-       border-color: #0057af;
-       color: #000000;
        background-color: #ffffff;
-       border-width: 2px;
+       color:            #000000;
+       border-color:     #0057af;
        border-style: solid;
-       width: 100%;
-       margin: 2px;
-       resize: none;
+       border-width:   2px;
+       margin:         2px;
+       width:         100%;
+       resize:        none;
 }
 textarea.inta:focus
 {
@@ -393,14 +426,13 @@ textarea.inta:hover
 
 input.inbt
 {
-       border-color: #0057af;
-       color: #000000;
        background-color: #ffffff;
-       border-width: 2px;
+       color:            #000000;
+       border-color:     #0057af;
        border-style: solid;
-       margin: 2px;
+       border-width:   2px;
+       margin:         2px;
        font-family: monospace;
-       /* font-size: 150%; */
 }
 input.inbt:focus
 {
@@ -412,84 +444,82 @@ input.inbt:hover
 }
 
 input.hl {
-       background:none!important;
-       border:none!important; 
-       padding:0!important;
-/*     font-family:inherit;
-       font-size:inherit; */
-       font: inherit;
-       text-decoration:underline;
        border-color: #0057af;
-       color: #0057af;
+       color:        #0057af;
+       background:  none!important;
+       border-style:none!important; 
+       padding:        0!important;
+       font:     inherit;
+       text-decoration: underline;
 }
 input.hl:hover {
        border-color: #bb6622;
-       color: #bb6622;
+       color:        #bb6622;
 }
 form.hl {
-       display: inline
+       display: inline;
 }
 
 form.goto {
-       clear: both;
-       display: inline
+       clear:     both;
+       display: inline;
 }
 
 .br
 {
+       color:        #bb6622!important;
        border-color: #bb6622!important;
-       color: #bb6622!important;
 }
 .po
 {
+       color:        #ff8800!important;
        border-color: #ff8800!important;
-       color: #ff8800!important;
 }
 .ni
 {
+       color:        #0057af!important;
        border-color: #0057af!important;
-       color: #0057af!important;
 }
 .bi
 {
+       color:        #ffffff!important;
        border-color: #ffffff!important;
-       color: #ffffff!important;
 }
 .cz
 {
+       color:        #000000!important;
        border-color: #000000!important;
-       color: #000000!important;
 }
 .zi
 {
+       color:        #08B000!important;
        border-color: #08B000!important;
-       color: #08B000!important;
 }
 .fi
 {
+       color:        #AA22BB!important;
        border-color: #AA22BB!important;
-       color: #AA22BB!important;
 }
 
 .hv.ni:hover
 {
+       color:        #bb6622!important;
        border-color: #bb6622!important;
-       color: #bb6622!important;
 }
 
 .hv.br:hover
 {
+       color:        #0057af!important;
        border-color: #0057af!important;
-       color: #0057af!important;
 }
 
 .hu
 {
-       text-decoration:none!important;
+       text-decoration: none!important;
 }
 .hu:hover
 {
-       text-decoration:underline!important;
+       text-decoration: underline!important;
 }
 
 div.le

diff --git a/chat.1.pl b/chat.1.pl
index 325ca2942a0079302854e2817d3c9970e6b9ae33..ca787d40e665d75b32752062be537c4baf851a53 100644 (file)
--- a/chat.1.pl
+++ b/chat.1.pl
@@ -5,7 +5,7 @@
 #
 # The coincidence interface
 #
-# Copyright (C) 2016, 2017, 2023, 2024  Balthasar Szczepański
+# Copyright (C) 2016, 2017, 2023, 2024, 2025  Balthasar Szczepański
 #
 # This program is free software: you can redistribute it and/or modify
 # it under the terms of the GNU Affero General Public License as
@@ -359,7 +359,7 @@ print '  <title>Coincidence &bull; '.$_website_name.'</title>'."\n";
 print_html_head_end(\*STDOUT);
 print_html_body_start(\*STDOUT);
 
-print '   <div id="inst" class="ins">'."\n";
+print '   <div id="insw" class="ins">'."\n";
 
 print '    <div id="title">'."\n";
 print '     <H1 id="titletext">Coincidence</H1>'."\n";
@@ -409,9 +409,6 @@ if ($page < 0) {
 }
 print '    </div>'."\n";
 
-print '   </div>'."\n";
-print '   <div id="insb" class="ins">'."\n";
-
 print '    <div id="chat">'."\n";
 if ($page < 0) {
        for (my $i = @chat_lines-1; $i>=0; --$i) {

diff --git a/opomba.1.pl b/opomba.1.pl
index bee3b49a7fcf381e25944dfe9fdfa6e1f0a4e3ae..37a849e5aec34ee2692a3c0f2ddc0a1540bdff27 100644 (file)
--- a/opomba.1.pl
+++ b/opomba.1.pl
@@ -5,7 +5,7 @@
 #
 # The comment posting interface
 #
-# Copyright (C) 2024  Balthasar Szczepański
+# Copyright (C) 2024, 2025  Balthasar Szczepański
 #
 # This program is free software: you can redistribute it and/or modify
 # it under the terms of the GNU Affero General Public License as
@@ -503,26 +503,18 @@ sub output {
        print_html_head_end(\*STDOUT);
        print_html_body_start(\*STDOUT);
        
-       print '   <div id="inst" class="ins">'."\n";
+       print '   <div id="insw" class="ins">'."\n";
        
        print '    <div id="title">'."\n";
        print '     <h1 id="titletext">'.$_title.'</h1>'."\n";
        print '    </div>'."\n";
        
-       print '   </div>'."\n";
-       
        if ($message ne '') {
-               print '   <div id="insb" class="ins">'."\n";
-               
                print '    <div id="command">'."\n";
                print '     <span class="br">'.$_message.'</span>'."\n";
                print '    </div>'."\n";
-               
-               print '   </div>'."\n";
        }
        
-       print '   <div id="insw" class="ins">'."\n";
-       
        if ($show_content) {
                print '    <div class="undertext" id="words">'."\n";
                print '     <form method="post" action="'.$_post_url.'">'."\n";

diff --git a/reset.1.pl b/reset.1.pl
index f57cf9c3681dcbb9f9048deda43415c994a218b7..b4fe66579f717818212ad06d22537faae98ea531 100644 (file)
--- a/reset.1.pl
+++ b/reset.1.pl
@@ -4,7 +4,7 @@
 #
 # Reset BSTA state
 #
-# Copyright (C) 2016, 2017, 2018, 2023, 2024  Balthasar Szczepański
+# Copyright (C) 2016, 2017, 2018, 2023, 2024, 2025  Balthasar Szczepański
 #
 # This program is free software: you can redistribute it and/or modify
 # it under the terms of the GNU Affero General Public License as
@@ -56,6 +56,9 @@ decode_argv();
 
 ###PERL_RESET_PASSWORD:     RESET_PASSWORD     = ''
 
+my $time = time();
+srand ($time-$$);
+
 my %story;
 my %state;
 my %chat;
@@ -68,6 +71,8 @@ my @remove_list;
 delete @ENV{qw(IFS CDPATH ENV BASH_ENV)};
 ###PERL_SET_PATH: $ENV{'PATH'} = /usr/local/bin:/usr/bin:/bin;
 
+print $time." RESET\n";
+
 %settings = read_settings();
 %state    = read_state();
 unless (
@@ -130,11 +135,16 @@ for (my $i=0; ;$i+=1) {
 %goto_list = (
 );
 
+print "RESET state\n";
 write_data_file(DATA_STATE_PATH(), \%state);
+print "RESET 2words\n";
 write_data_file(DATA_STORY_PATH(), \%story);
+print "RESET Coincidence\n";
 write_data_file(DATA_CHAT_PATH() , \%chat);
+print "RESET GOTO\n";
 write_data_file(DATA_LIST_PATH() , \%goto_list);
 
+print "RESET index\n";
 write_index(
        \%state,
        \%settings,
@@ -144,17 +154,18 @@ write_index(
 );
 
 if (opendir_encoded(my $dir, DATA_WORDS_PATH())) {
-       while (defined (my $file_name = readdir_decoded($dir))) {
+       my @words_list = readdir_decoded($dir);
+       foreach my $file_name (@words_list) {
                if ($file_name !~ /^[0-9]+$/) {
                        next;
                }
                my $full_path = join_path(PATH_SEPARATOR(), DATA_WORDS_PATH(), $file_name);
-               # print "RM $full_path\n";
+               print "RM words $file_name\n";
                unlink_encoded ($full_path);
        }
 }
 foreach my $file_name (@remove_list) {
        my $full_path = join_path(PATH_SEPARATOR(), WWW_PATH(), $file_name);
-       # print "RM $full_path\n";
+       print "RM www $file_name\n";
        unlink_encoded ($full_path);
 }