Difference between revisions of "CssWork"

From SoylentNews
Jump to: navigation, search
 
(11 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{archival}}
 
[[Development]] - parent
 
[[Development]] - parent
  
<h2>AudioGuy</h2>
+
== AudioGuy ==
  
 
* [[AudioGuyWorkNotes]] What I am actually working on will be found here.
 
* [[AudioGuyWorkNotes]] What I am actually working on will be found here.
  
  
<h2>Note - paulj</h2>
+
== Note - paulj ==
  
 
With javascript on, when I submit a story using the submit story link, and use the preview function, the background of the preview is solid red.  Not just the header, the body as well.
 
With javascript on, when I submit a story using the submit story link, and use the preview function, the background of the preview is solid red.  Not just the header, the body as well.
  
  
<h2>Related pages </h2>
+
== Related pages ==
  
 
This is getting too big, and much of it has nothing to do directly with css, so I have moved this index to:
 
This is getting too big, and much of it has nothing to do directly with css, so I have moved this index to:
Line 17: Line 18:
  
  
<h2>Unanswered Questions</h2>
+
== Unanswered Questions ==
 
* The templates are individually output by routine slashDisplay(), but how is the order of delivery determined, and how does one insure a new template goes to the right place on the page?
 
* The templates are individually output by routine slashDisplay(), but how is the order of delivery determined, and how does one insure a new template goes to the right place on the page?
 
* The users home page link goes to /my/homepage. I can find no apache redirect for this nor is there a 'my' folder anywhere. I am guessing this is done in the apache perl module, through some redirects that hook into Apache innards. It is hard to be sure what script is actually being called first. I am assuming it is users. Once an edit is made, you are in /users.pl without /my/
 
* The users home page link goes to /my/homepage. I can find no apache redirect for this nor is there a 'my' folder anywhere. I am guessing this is done in the apache perl module, through some redirects that hook into Apache innards. It is hard to be sure what script is actually being called first. I am assuming it is users. Once an edit is made, you are in /users.pl without /my/
Line 134: Line 135:
  
 
SEE ALSO  /usr/local/lib64/perl5/Slash/Apache/User.pm which handles the /my/ targets.
 
SEE ALSO  /usr/local/lib64/perl5/Slash/Apache/User.pm which handles the /my/ targets.
 +
 +
The my redirect is specifically in /usr/local/lib64/perl5/Slash/Apache/User.pm
 +
  
 
</pre>
 
</pre>
  
  
<h2>Got tired of scrolling through pages of perl code just to see what subs were in a module</h2>
+
==Got tired of scrolling through pages of perl code just to see what subs were in a module==
  
 
So wrote this, now in /usr/local/sbin/listsubs.sh:
 
So wrote this, now in /usr/local/sbin/listsubs.sh:
Line 163: Line 167:
  
  
<h2>Order css files are loaded when simple switch on user prefs page is selected viewing main page main page</h2>
+
=== Use an IDE as an alternative ===
 +
The <sub>listsubs</sub> shell script is useful and very interesting, however if you are on a platform that cannot run Shell scripts or if you simply want a more integrated solution there are powerful tools that you can use.
 +
 
 +
An IDE (''Integrated Development Environment'') makes working with large code bases much easy. According to many developers, it is the ''only'' way to work with large and complex code bases.
 +
 
 +
One of the many ways an IDE makes things so much easier is that they help you ''Navigate'' the project as well as integrating the different tools you need to use. In addition to navigating the Project, the IDEs automatically scan the code you have open to collect lists of very useful information for you including Procedures and Sub Procedures.
 +
 
 +
Here's a small gallery of Screen-Shots from both Eclipse and Geany showing off this capability:
 +
 
 +
<gallery>
 +
File:Windows-Eclipse-Navigator.png|Eclipse on Windows, showing off the Code|Project Navigators
 +
File:Windows-Geany-Sidebar.png|Geany on Windows, showing off the SideBar
 +
</gallery>
 +
 
 +
If you think either Eclipse or Geany might be useful for you, a simple guide exists on the SoylentNews Wiki's Developer page:
 +
 
 +
: [[Development#Integrated_Development_Environment|Development - Integrated Development Environment]]
 +
 
 +
==Order css files are loaded when simple switch on user prefs page is selected viewing main page main page==
  
 
* base.css?T_2_5_0_272 The numbers are the slash verion number (from one of the docs).
 
* base.css?T_2_5_0_272 The numbers are the slash verion number (from one of the docs).
Line 171: Line 193:
 
* print.cssT_2_5__0_272
 
* print.cssT_2_5__0_272
  
<h2>Follow a page link from the main page to an individual article page </h2>
+
==Follow a page link from the main page to an individual article page ==
  
 
* Link: http://soylentnews.org/article.pl?sid=14/02/18/0336229
 
* Link: http://soylentnews.org/article.pl?sid=14/02/18/0336229
 
* article.pl is foind in slash/themes/slashcode/htdocs/article.pl So 'slashcode' is treated as a theme.
 
* article.pl is foind in slash/themes/slashcode/htdocs/article.pl So 'slashcode' is treated as a theme.
  
<h2>article.pl</h2>
+
==article.pl==
 
The stuff of interest to us
 
The stuff of interest to us
  
<pre>
+
<syntaxhighlight>
  
 
use Slash;  -------- located in /local/lib64/perl5/slash.pm
 
use Slash;  -------- located in /local/lib64/perl5/slash.pm
Line 278: Line 300:
 
(EOF)
 
(EOF)
  
</pre>
+
</syntaxhighlight>
 +
 
 +
 
 +
==Slash/DB/MySQL/MySQL.pm==
 +
 
 +
<syntaxhighlight line start="479">
 +
sub getCSS {
 +
        my($self, $layout) = @_;
 +
        my $user = getCurrentUser();
 +
        my $page = $user->{currentPage};
 +
        my $skin = getCurrentSkin('name');
 +
        my $admin = $user->{is_admin};
 +
        my $theme = ($user->{simpledesign} || $user->{pda}) ? "light" : $user->{css_theme};
 +
        my $secure = apacheConnectionSSL();
 +
        $layout ||= '';
 +
        my $constants = getCurrentStatic();
 +
 
 +
        my $expire_time = $constants->{css_expire} || 3600;
 +
        $expire_time += int(rand(60)) if $expire_time;
 +
        _genericCacheRefresh($self, 'css', $expire_time);
 +
        _genericCacheRefresh($self, 'css_pages', $expire_time);
 +
        _genericCacheRefresh($self, 'css_skins', $expire_time);
 +
        _genericCacheRefresh($self, 'css_themes', $expire_time);
 +
 
 +
        my $css_ref            = $self->{_css_cache} ||= {};
 +
        my $css_pages_ref      = $self->{_css_pages_cache};
 +
        my $css_skins_ref      = $self->{_css_skins_cache};
 +
        my $css_themes_ref      = $self->{_css_themes_cache};
 +
        my $css_layouts_ref    = $self->{_css_layouts_cache};
 +
 
 +
        $css_pages_ref = $self->getCSSValuesHashForCol('page') if !$css_pages_ref;
 +
        $css_skins_ref = $self->getCSSValuesHashForCol('skin') if !$css_skins_ref;
 +
        $css_themes_ref = $self->getCSSValuesHashForCol('theme') if !$css_themes_ref;
 +
        $css_layouts_ref = $self->getCSSValuesHashForCol('layout') if !$css_layouts_ref;
 +
 
 +
        my $lowbandwidth = ($user->{lowbandwidth} || $user->{pda}) ? "yes" : "no";
 +
 
 +
        $page  = '' if !$css_pages_ref->{$page};
 +
        $skin  = '' if !$css_skins_ref->{$skin};
 +
        $theme  = '' if !$css_themes_ref->{$theme};
 +
        $layout = '' if !$css_layouts_ref->{$layout};
 +
 
 +
        return $css_ref->{$skin}{$page}{$admin}{$theme}{$lowbandwidth}{$layout}{$secure}
 +
                if exists $css_ref->{$skin}{$page}{$admin}{$theme}{$lowbandwidth}{$layout}{$secure};
 +
 
 +
        my @clauses;
 +
 
 +
        my $page_q = $self->sqlQuote($page);
 +
        my $page_in = $page ? "(page = '' or page = $page_q)" : "page = ''";
 +
        push @clauses, $page_in;
 +
 
 +
        my $skin_in = $skin ? "(skin = '' or skin = '$skin')" : "skin = ''";
 +
        push @clauses, $skin_in;
 +
 
 +
        push @clauses, "admin='no'" if !$admin;
 +
 
 +
        my $theme_q  = $self->sqlQuote($theme);
 +
        my $theme_in = $theme ? "(theme='' or theme=$theme_q)" : "theme=''";
 +
        push @clauses, $theme_in;
 +
 
 +
        push @clauses, "lowbandwidth='$lowbandwidth'" if $lowbandwidth eq "no";
  
 +
        my $layout_q = $self->sqlQuote($layout);
 +
        push @clauses, "layout=$layout_q";
  
<h2>Slash/DB/MySQL/MySQL.pm</h2>
+
        my $where = "css.ctid=css_type.ctid AND ";
 +
        $where .= join ' AND ', @clauses;
  
<pre>
+
        my $css = $self->sqlSelectAllHashrefArray("rel,type,media,file,title,ie_cond,skin",
 +
                "css, css_type", $where, "ORDER BY css_type.ordernum, css.ordernum");
 +
        if ($secure) {
 +
                for my $hr (@$css) { $hr->{file} =~ s/\.css/.ssl.css/ }
 +
        }
 +
       
 +
        $css_ref->{$skin}{$page}{$admin}{$theme}{$lowbandwidth}{$layout}{$secure} = $css;
 +
        return $css;
 +
}
 +
</syntaxhighlight>
  
479 sub getCSS {
+
==Slash/Apache/User/User.pm==
480        my($self, $layout) = @_;
 
481        my $user = getCurrentUser();
 
482        my $page = $user->{currentPage};
 
483        my $skin = getCurrentSkin('name');
 
484        my $admin = $user->{is_admin};
 
485        my $theme = ($user->{simpledesign} || $user->{pda}) ? "light" : $user->{css_theme};
 
486        my $secure = apacheConnectionSSL();
 
487        $layout ||= '';
 
488        my $constants = getCurrentStatic();
 
489
 
490        my $expire_time = $constants->{css_expire} || 3600;
 
491        $expire_time += int(rand(60)) if $expire_time;
 
492        _genericCacheRefresh($self, 'css', $expire_time);
 
493        _genericCacheRefresh($self, 'css_pages', $expire_time);
 
494        _genericCacheRefresh($self, 'css_skins', $expire_time);
 
495        _genericCacheRefresh($self, 'css_themes', $expire_time);
 
496
 
497        my $css_ref            = $self->{_css_cache} ||= {};
 
498        my $css_pages_ref      = $self->{_css_pages_cache};
 
499        my $css_skins_ref      = $self->{_css_skins_cache};
 
500        my $css_themes_ref      = $self->{_css_themes_cache};
 
501        my $css_layouts_ref    = $self->{_css_layouts_cache};
 
502
 
503        $css_pages_ref = $self->getCSSValuesHashForCol('page') if !$css_pages_ref;
 
504        $css_skins_ref = $self->getCSSValuesHashForCol('skin') if !$css_skins_ref;
 
505        $css_themes_ref = $self->getCSSValuesHashForCol('theme') if !$css_themes_ref;
 
506        $css_layouts_ref = $self->getCSSValuesHashForCol('layout') if !$css_layouts_ref;
 
507
 
508        my $lowbandwidth = ($user->{lowbandwidth} || $user->{pda}) ? "yes" : "no";
 
509
 
510        $page  = '' if !$css_pages_ref->{$page};
 
511        $skin  = '' if !$css_skins_ref->{$skin};
 
512        $theme  = '' if !$css_themes_ref->{$theme};
 
513        $layout = '' if !$css_layouts_ref->{$layout};
 
514
 
515        return $css_ref->{$skin}{$page}{$admin}{$theme}{$lowbandwidth}{$layout}{$secure}
 
516                if exists $css_ref->{$skin}{$page}{$admin}{$theme}{$lowbandwidth}{$layout}{$secure};
 
517
 
518        my @clauses;
 
519
 
520        my $page_q = $self->sqlQuote($page);
 
521        my $page_in = $page ? "(page = '' or page = $page_q)" : "page = ''";
 
522        push @clauses, $page_in;
 
523
 
524        my $skin_in = $skin ? "(skin = '' or skin = '$skin')" : "skin = ''";
 
525        push @clauses, $skin_in;
 
526
 
527        push @clauses, "admin='no'" if !$admin;
 
528
 
529        my $theme_q  = $self->sqlQuote($theme);
 
530        my $theme_in = $theme ? "(theme='' or theme=$theme_q)" : "theme=''";
 
531        push @clauses, $theme_in;
 
532
 
533        push @clauses, "lowbandwidth='$lowbandwidth'" if $lowbandwidth eq "no";
 
534
 
535        my $layout_q = $self->sqlQuote($layout);
 
536        push @clauses, "layout=$layout_q";
 
537
 
538        my $where = "css.ctid=css_type.ctid AND ";
 
539        $where .= join ' AND ', @clauses;
 
540
 
541        my $css = $self->sqlSelectAllHashrefArray("rel,type,media,file,title,ie_cond,skin",
 
542                "css, css_type", $where, "ORDER BY css_type.ordernum, css.ordernum");
 
543        if ($secure) {
 
544                for my $hr (@$css) { $hr->{file} =~ s/\.css/.ssl.css/ }
 
545        }
 
546       
 
547        $css_ref->{$skin}{$page}{$admin}{$theme}{$lowbandwidth}{$layout}{$secure} = $css;
 
548        return $css;
 
549 }
 
550
 
</pre>
 
  
 +
<syntaxhighlight line start="548">
  
 +
{
 +
my %ops_my = (
 +
        inbox          => { args => 'op=list', uri => 'messages.pl' },
 +
        # XXX change messages to be same as /inbox, move this to /my/preferences/messages
 +
        messages        => { args => 'op=display_prefs', uri => 'messages.pl' },
 +
        comments        => { args => 'op=editcomm' },
 +
        homepage        => { args => 'op=edithome' },
 +
        password        => { args => 'op=changeprefs', uri => 'login.pl' },
 +
        logout          => { args => 'op=userclose', uri => 'login.pl' },
 +
        misc            => { args => 'op=editmiscopts' },
 +
        amigos          => { args => 'op=friendview', uri => 'journal.pl' },
 +
        bookmarks      => { args => 'op=showbookmarks' },
 +
        firehose        => { args => 'op=userfirehose' },
 +
        preferences    => { args => 'op=displayprefs', uri => 'preferences.pl' },
 +
        tags            => { args => 'op=showtags' },
 +
        journal        => { args => 'op=list', uri => 'journal.pl' },
  
<h2>Slash/Apache/User/User.pm</h2>
+
        friends        => { args => 'op=friends', uri  => 'zoo.pl' },
 +
        fans            => { args => 'op=fans', uri  => 'zoo.pl' },
 +
        freaks          => { args => 'op=freaks', uri  => 'zoo.pl' },
 +
        foes            => { args => 'op=foes', uri  => 'zoo.pl' },
 +
        zoo            => { args => 'op=all', uri  => 'zoo.pl' },
  
<pre>
+
        default        => { args => 'op=edituser' }
 +
);
 +
</syntaxhighlight>
  
548 {
+
==sql/mysql/defaults.sql==
549 my %ops_my = (
 
550        inbox          => { args => 'op=list', uri => 'messages.pl' },
 
551        # XXX change messages to be same as /inbox, move this to /my/preferences/messages
 
552        messages        => { args => 'op=display_prefs', uri => 'messages.pl' },
 
553        comments        => { args => 'op=editcomm' },
 
554        homepage        => { args => 'op=edithome' },
 
555        password        => { args => 'op=changeprefs', uri => 'login.pl' },
 
556        logout          => { args => 'op=userclose', uri => 'login.pl' },
 
557        misc            => { args => 'op=editmiscopts' },
 
558        amigos          => { args => 'op=friendview', uri => 'journal.pl' },
 
559        bookmarks      => { args => 'op=showbookmarks' },
 
560        firehose        => { args => 'op=userfirehose' },
 
561        preferences    => { args => 'op=displayprefs', uri => 'preferences.pl' },
 
562        tags            => { args => 'op=showtags' },
 
563        journal        => { args => 'op=list', uri => 'journal.pl' },
 
564
 
565        friends        => { args => 'op=friends', uri  => 'zoo.pl' },
 
566        fans            => { args => 'op=fans', uri  => 'zoo.pl' },
 
567        freaks          => { args => 'op=freaks', uri  => 'zoo.pl' },
 
568        foes            => { args => 'op=foes', uri  => 'zoo.pl' },
 
569        zoo            => { args => 'op=all', uri  => 'zoo.pl' },
 
570
 
571        default        => { args => 'op=edituser' }
 
572 );
 
</pre>
 
  
<h2>sql/mysql/defaults.sql</h2>
+
<syntaxhighlight lang="sql" line start="134">
 +
INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','base.css','','','','no','',1,0, "","no");
 +
INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','comments.css','','','comments','no','',2,0, "","no");
 +
INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','comments.css','','','article','no','',2,0, "","no");
 +
INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','print','print.css','','','','no','',5,0, "","no");
 +
INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','admin.css','','','','yes','',1,0, "","no");
 +
INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','comments.css','','','pollBooth','no','',2,0, "","no");
 +
INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','slashcode_lite.css','','','','no','light',4,0, "","no");
 +
INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','comments.css','','','journal','no','',2,0, "","no");
 +
INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','slashcode_lite.css','','','','no','light',4,0, "","no");
 +
INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','comments.css','','','journal','no','',2,0, "","no");
 +
INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','slashcode.css','','','','no','',3,0, "","no");
 +
INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','comments.css','','','metamod','no','',2,0, "","no");
 +
INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','slashcode_low_bw.css','','','','no','',4,99, "","yes");
  
<pre>
+
#
134 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','base.css','','','','no','',1,0, "","no");
+
# Dumping data for table 'css_type'
135 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','comments.css','','','comments','no','',2,0, "","no");
+
#
136 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','comments.css','','','article','no','',2,0, "","no");
+
INSERT INTO css_type (ctid, name, ordernum) VALUES (1,'base',1);
137 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','print','print.css','','','','no','',5,0, "","no");
+
INSERT INTO css_type (ctid, name, ordernum) VALUES (2,'page',2);
138 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','admin.css','','','','yes','',1,0, "","no");
+
INSERT INTO css_type (ctid, name, ordernum) VALUES (3,'theme',3);
139 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','comments.css','','','pollBooth','no','',2,0, "","no");
+
INSERT INTO css_type (ctid, name, ordernum) VALUES (4,'user_theme',5);
140 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','slashcode_lite.css','','','','no','light',4,0, "","no");
+
INSERT INTO css_type (ctid, name, ordernum) VALUES (5,'print',6);
141 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','comments.css','','','journal','no','',2,0, "","no");
+
INSERT INTO css_type (ctid, name, ordernum) VALUES (6,'skin',4);
142 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','slashcode_lite.css','','','','no','light',4,0, "","no");
+
INSERT INTO css_type (ctid, name, ordernum) VALUES (7,'handheld',7);
143 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','comments.css','','','journal','no','',2,0, "","no");
 
144 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','slashcode.css','','','','no','',3,0, "","no");
 
145 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','comments.css','','','metamod','no','',2,0, "","no");
 
146 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','slashcode_low_bw.css','','','','no','',4,99, "","yes");
 
147
 
148 #
 
149 # Dumping data for table 'css_type'
 
150 #
 
151 INSERT INTO css_type (ctid, name, ordernum) VALUES (1,'base',1);
 
152 INSERT INTO css_type (ctid, name, ordernum) VALUES (2,'page',2);
 
153 INSERT INTO css_type (ctid, name, ordernum) VALUES (3,'theme',3);
 
154 INSERT INTO css_type (ctid, name, ordernum) VALUES (4,'user_theme',5);
 
155 INSERT INTO css_type (ctid, name, ordernum) VALUES (5,'print',6);
 
156 INSERT INTO css_type (ctid, name, ordernum) VALUES (6,'skin',4);
 
157 INSERT INTO css_type (ctid, name, ordernum) VALUES (7,'handheld',7);
 
158
 
</pre>
 
  
 +
</syntaxhighlight>
  
<h2>plugins/FireHose/mysql_dump.sql </h2>
+
==plugins/FireHose/mysql_dump.sql ==
<pre>
+
<syntaxhighlight lang="sql">
    INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond) VALUES ('stylesheet','text/css','screen, projection','firehose.css','','','firehose','no','',2,0, '');
+
INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond) VALUES ('stylesheet','text/css','screen, projection','firehose.css','','','firehose','no','',2,0, '');
==> INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond) VALUES ('stylesheet','text/css','screen, projection','firehose.css','','','users','no','',2,0, '');
+
INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond) VALUES ('stylesheet','text/css','screen, projection','firehose.css','','','users','no','',2,0, '');
    INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond) VALUES ('stylesheet','text/css','screen, projection','calendar.css','','','firehose','no','',2,0, '');
+
INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond) VALUES ('stylesheet','text/css','screen, projection','calendar.css','','','firehose','no','',2,0, '');
==> INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond) VALUES ('stylesheet','text/css','screen, projection','firehose.css','','','users','no','',2,0, '');
+
INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond) VALUES ('stylesheet','text/css','screen, projection','firehose.css','','','users','no','',2,0, '');
    INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond) VALUES ('stylesheet','text/css','screen, projection','comments.css','','','firehose','no','',2,0, '');
+
INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond) VALUES ('stylesheet','text/css','screen, projection','comments.css','','','firehose','no','',2,0, '');
    INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond) VALUES ('stylesheet','text/css','screen, projection','firehose.css','','','index2','no','',2,0, '');  
+
INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond) VALUES ('stylesheet','text/css','screen, projection','firehose.css','','','index2','no','',2,0, '');  
</pre>
+
</syntaxhighlight>
  
 
<p>I believe that we are not using FireHose but it was needed to make the site work.  As can be seen in the db dump above, it adds the firehose.css file to any of the user pages. Need to verify and then see if we can get the db purged of these values.</p>
 
<p>I believe that we are not using FireHose but it was needed to make the site work.  As can be seen in the db dump above, it adds the firehose.css file to any of the user pages. Need to verify and then see if we can get the db purged of these values.</p>
Line 441: Line 458:
 
<p>I think there was some firehose slashboxes that showed up in the users pages.  They needed to be wider than the default, so they patched those pages with the firehose.css. Next step is to get a current dump of the two css tables. The important part is I know what files are for what parts of the code.  Slashcode.css is the theme css file slashcode-lite.css is the style file that is called by a user pref.  This means I need to fix comments.css to remove the theme elements I inserted and put them in the theme file.  I still need to make sure that the changes that benefited the Simplified theme stay intact. -EP</p>
 
<p>I think there was some firehose slashboxes that showed up in the users pages.  They needed to be wider than the default, so they patched those pages with the firehose.css. Next step is to get a current dump of the two css tables. The important part is I know what files are for what parts of the code.  Slashcode.css is the theme css file slashcode-lite.css is the style file that is called by a user pref.  This means I need to fix comments.css to remove the theme elements I inserted and put them in the theme file.  I still need to make sure that the changes that benefited the Simplified theme stay intact. -EP</p>
  
<h2>fonts</h2>
+
==fonts==
  
 
<pre>
 
<pre>
Line 462: Line 479:
 
</pre>
 
</pre>
  
<h2>User Menu</h2>
+
==User Menu==
  
<pre>
+
<syntaxhighlight lang="sql" line start="123">
 
INSERT INTO menus (menu, label, sel_label, value, seclev, showanon, menuorder) VALUES ('users','Logout','logout','/my/logout',1,0,10);
 
INSERT INTO menus (menu, label, sel_label, value, seclev, showanon, menuorder) VALUES ('users','Logout','logout','/my/logout',1,0,10);
124 INSERT INTO menus (menu, label, sel_label, value, seclev, showanon, menuorder) VALUES ('users','Preferences','preferences','/users.pl?op=edituser',1,0,20);
+
INSERT INTO menus (menu, label, sel_label, value, seclev, showanon, menuorder) VALUES ('users','Preferences','preferences','/users.pl?op=edituser',1,0,20);
125 INSERT INTO menus (menu, label, sel_label, value, seclev, showanon, menuorder) VALUES ('users','Password','password','[% constants.real_rootdir %]/my/password',1,0,40);
+
INSERT INTO menus (menu, label, sel_label, value, seclev, showanon, menuorder) VALUES ('users','Password','password','[% constants.real_rootdir %]/my/password',1,0,40);
126 INSERT INTO menus (menu, label, sel_label, value, seclev, showanon, menuorder) VALUES ('users','~[% user.nickname | strip_literal %] ([% user.uid %])','me','/~[% user.nickname | fixparam %]',1,0,50);
+
INSERT INTO menus (menu, label, sel_label, value, seclev, showanon, menuorder) VALUES ('users','~[% user.nickname | strip_literal %] ([% user.uid %])','me','/~[% user.nickname | fixparam %]',1,0,50);
</pre>
+
</syntaxhighlight>
 
<p> This code sets up the upper menu on http://slashcott.org/users.pl which is linked from your userid on the home page.  The Preferences is wrong, as it needs to be all three links: Info, Homepage, Comments.  This will allow users with low-bandwidth option set to easily get to the setting to unset low-bandwidth. -EP</p>
 
<p> This code sets up the upper menu on http://slashcott.org/users.pl which is linked from your userid on the home page.  The Preferences is wrong, as it needs to be all three links: Info, Homepage, Comments.  This will allow users with low-bandwidth option set to easily get to the setting to unset low-bandwidth. -EP</p>
  
<h2>Refernces to css in the man pages in /usr/local/share/man/man3</h2>
+
==Refernces to css in the man pages in /usr/local/share/man/man3==
 
<pre>
 
<pre>
 
grep -i css *
 
grep -i css *
Line 504: Line 521:
  
  
<h2>CSS commit for Feb 23</h2>
+
==CSS commit for Feb 23==
  
 
<p>
 
<p>
Line 513: Line 530:
 
On article body and comment body, made the font size a bit smaller. Also on comments body set the margins to be smaller.
 
On article body and comment body, made the font size a bit smaller. Also on comments body set the margins to be smaller.
 
</p><p>-EP</p>
 
</p><p>-EP</p>
 +
 +
[[Category:Development]]
 +
[[Category:User experience]]

Latest revision as of 21:26, 20 September 2016

Obsolete Page
This page is obsolete and only retained for archival purposes.

Development - parent

AudioGuy


Note - paulj

With javascript on, when I submit a story using the submit story link, and use the preview function, the background of the preview is solid red. Not just the header, the body as well.


Related pages

This is getting too big, and much of it has nothing to do directly with css, so I have moved this index to:


Unanswered Questions

  • The templates are individually output by routine slashDisplay(), but how is the order of delivery determined, and how does one insure a new template goes to the right place on the page?
  • The users home page link goes to /my/homepage. I can find no apache redirect for this nor is there a 'my' folder anywhere. I am guessing this is done in the apache perl module, through some redirects that hook into Apache innards. It is hard to be sure what script is actually being called first. I am assuming it is users. Once an edit is made, you are in /users.pl without /my/
  • Two users scripts, users,users2 Am guesssing users2 is for the d2 interface we are not using, since the forms on the page call users.pl


  • There are actually four mysterious redirects:
    • /my/
    • soyenltnews.org/~audioguy/ redirects to my user pageg overriding the apache userdir.
    • The index page is either .pl or shtml, other pages too in some cases ?
    • The page authors.pl ALWAYS redirects to authors.shtml and there MAY be others like this. Most .pl pages do not however.


Partially Solved!!!!! 2 out of 4 !!!

From the install script:

# this directive will redirect non-logged-in users to
    # index.shtml if they request the home page; turn it
    # on to help increase performance or if you are using something
    # other than index.pl for the index
    PerlTransHandler Slash::Apache::IndexHandler

    # this directive will display a user's pages at /~username
    PerlTransHandler Slash::Apache::User::userdir_handler

The redirect of authors.pl SOLVED!!!

And other pages. It is HARD CODED. !!!

Location: file in final install: /usr/local/lib64/perl5/Slash/Apache.pm       subroutine: IndexHandler()

        if ($uri eq '/authors.pl') {
                my $filename = $r->filename;
                my $basedir  = $constants->{basedir};

                if (!$dbon || !$is_user) {
                        $r->uri('/authors.shtml');
                        $r->filename("$basedir/authors.shtml");
                        writeLog('shtml');
                        return OK;
                }
        }


Along with a number of others.

                                # For any directory which can be accessed by a
                                # logged-in user in the URI form /foo or /foo/,
                                # but which is not a skin's directory, there
                                # is a problem;  we cannot simply bounce the uri
                                # back to /index.pl or whatever, since the
                                # index handler will not recognize the section
                                # key argument above and will just present the
                                # ordinary homepage.  I don't know the best way
                                # to handle this situation at the moment, so
                                # instead I'm hardcoding in the solution for the
                                # most common problem. - Jamie 2004/07/17

Apparently /foo/ is used as a skin directory by default, anything else, problem...

Others:
      
        if ($uri eq '/hof.pl') {
                my $basedir  = $constants->{basedir};

        if ($uri eq '/code.shtml') {
                redirect('/faq/code.shtml', 301);

       } elsif ($uri eq '/slashdottit.shtml') {
                redirect('/faq/badges.shtml', 301);

        } elsif ($uri eq '/book.review.guidelines.shtml') {
                redirect('/faq/bookreviews.shtml', 301);

        # redirect to static if
        # * not a user, nor a daypass holder,
        # and
        # * var is on
        # * is article.pl
        # * no page number > 1 specified
        # * sid specified
        # * referrer exists AND is external to our site
        if (!$dbon && $uri !~ /\.(?:shtml|html|jpg|gif|png|rss|rdf|xml|txt|css)$/) {
                # if db is off we don't necessarily have access to constants
                # this means we change the URI and return DECLINED which lets
                # Apache do the URI to filename translation
                $r->uri('/index.shtml');
                writeLog('shtml');
                $r->notes('SLASH_FAILURE' => "db"); # You should be able to find this in other processes
        }

        return DECLINED;


STILL UNCERTAIN - the /my/ redirection. However, it -may- be done in the same code section, if it is assumed to represent a 'page' or 'skin' by the slash code. Which would appear likely.

I believe this may be where that redirection lies, bu my perl syntax knowledge is too limited to be certain:

        # match /section/ or /section
        if ($uri =~ m|^/(\w+)/?$|) {
                my $key = $1;

                if (!$dbon) {
                        $r->uri('/index.shtml');
                        return DECLINED;
                }

...


##### This code is the best likely place to put a handler to force all unlogged in users to the login page I have yet found. The user/reader/anonymous user determination seems to be here.

SEE ALSO  /usr/local/lib64/perl5/Slash/Apache/User.pm which handles the /my/ targets.

The my redirect is specifically in /usr/local/lib64/perl5/Slash/Apache/User.pm



Got tired of scrolling through pages of perl code just to see what subs were in a module

So wrote this, now in /usr/local/sbin/listsubs.sh:

[root@slashcode Slash]# listsubs.sh Admin.pm
Admin.pm:
    addSpriteForSid, ajax_authorbox, ajax_learnword, ajax_neverdisplay, 
    ajax_perfbox, ajax_signoff, ajax_signoffbox, ajax_slashdbox, 
    ajax_storyadminbox, ajax_sub_memory, DESTROY, extractRelatedStoriesFromForm, 
    findTheTime, getAccesslogAbusersByID, getAccesslogMaxID, get_ispell_comments, 
    getRecentSubs, getRecentWebheads, getRelated, getSignoffData, 
    getStorySignoffs, getStoryThumbLargeLink, grantStoryPostingAchievements, otherLinks, 
    relatedLinks, showAdminTodo, showAuthorActivityBox, showPerformanceBox, 
    showSignoffBox, showSlashdBox, showStoryAdminBox, write_to_temp_file, 

Also will work from a list, as in

ls *.pm > list.tst
listsubs.sh < list.txt

Maybe someone else will find it useful as well.


Use an IDE as an alternative

The listsubs shell script is useful and very interesting, however if you are on a platform that cannot run Shell scripts or if you simply want a more integrated solution there are powerful tools that you can use.

An IDE (Integrated Development Environment) makes working with large code bases much easy. According to many developers, it is the only way to work with large and complex code bases.

One of the many ways an IDE makes things so much easier is that they help you Navigate the project as well as integrating the different tools you need to use. In addition to navigating the Project, the IDEs automatically scan the code you have open to collect lists of very useful information for you including Procedures and Sub Procedures.

Here's a small gallery of Screen-Shots from both Eclipse and Geany showing off this capability:

If you think either Eclipse or Geany might be useful for you, a simple guide exists on the SoylentNews Wiki's Developer page:

Development - Integrated Development Environment

Order css files are loaded when simple switch on user prefs page is selected viewing main page main page

  • base.css?T_2_5_0_272 The numbers are the slash verion number (from one of the docs).
  • slashcode.css?T_2_5__0_272
  • slashcode_lite.css?T_2_5__0_272
  • slashcode_lite.css?T_2_5__0_272 (appears to be loading this twice,why?)
  • print.cssT_2_5__0_272

Follow a page link from the main page to an individual article page

article.pl

The stuff of interest to us

use Slash;  -------- located in /local/lib64/perl5/slash.pm
use Slash::Display;     
use Slash::Utility;

sub main {
        my $slashdb   = getCurrentDB();
        my $constants = getCurrentStatic();
        my $user      = getCurrentUser();
        my $form      = getCurrentForm();
        my $gSkin     = getCurrentSkin();
         
        my $story;
        my $reader = getObject('Slash::DB', { db_type => 'reader' });

                # Make sure the reader is viewing this story in the
                # proper skin.
                my $cur_skid = determineCurrentSkin();
                if ($story->{primaryskid} != $cur_skid) {
                        my $cur_skin = $reader->getSkin($cur_skid);
                        my $story_skin = $reader->getSkin($story->{primaryskid});
                        if ($story_skin && $story_skin->{rootdir}
                                && $story_skin->{rootdir} ne $cur_skin->{rootdir})$
                                redirect("$story_skin->{rootdir}$ENV{REQUEST_URI}"$
                                return;

               # XXXSECTIONTOPICS this needs to be updated
                my $SECT = $reader->getSection($story->{section});
                # This should be a getData call for title
                my $title = "$constants->{sitename} | $story->{title}";
                if ($gSkin->{name} && $gSkin->{name} eq "idle") {
                        $title = "$gSkin->{hostname} | $story->{title}";
                
if (my $pollbooth_db = getObject('Slash::PollBooth')) {


slashDisplay('display', {
                        poll                    => $pollbooth,
                        section                 => $SECT,
                        section_block           => $reader->getBlock($SECT->{secti$
                        show_poll               => $pollbooth ? 1 : 0,
                        story                   => $story,
                        stories                 => \%stories,
                });


               my $called_pc = 0;
                if ($story->{discussion}) {
                        # Still not happy with this logic -Brian
                        my $discussion = $reader->getDiscussion($story->{discussio$

                        }
                        # If no comments ever have existed and commentstatus is di$
                        # just skip the display of the comment header bar -Brian

                               &&  $discussion->{commentstatus} eq 'disabled'
                        )) {
                                printComments($discussion);
                                $called_pc = 1;
                        }
                 if (!$called_pc && $form->{ssi} && $form->{ssi} eq 'yes' && $form-$
                        # This is a real hack, we're kind of skipping down
                        # two levels of code.  But the cchp printing is an
                        # important optimization;  we avoid having to do
                        # multiple expensive comment selects.  One problem
                        # is that if there's no discussion with a story,
                        # printComments() doesn't get called, which means
                        # selectComments() doesn't get called, which means
                        # the cchp file won't be written.  If article.pl
                       # is being called by slashd, and we need to write
                        # that file, then here's where we print an empty
                        # file that will satisfy slashd. - Jamie

                        Slash::Utility::Comments::_print_cchp({ stoid => "dummy" }$
                }
        } else {
                header('Error', $form->{section}) or return;
       
       my $plugins = $slashdb->getDescriptions('plugins');
        if (!$user->{is_anon} && $plugins->{Tags} && $story) {
                my $tagsdb = getObject('Slash::Tags');
                $tagsdb->markViewed($user->{uid},
                        $reader->getGlobjidCreate('stories', $story->{stoid}));
        }
                        
        footer();
        if ($story) {
                writeLog($story->{sid} || $sid);
        } else { 
                writeLog($sid);

               
createEnvironment();
main();  
1; 

(EOF)


Slash/DB/MySQL/MySQL.pm

sub getCSS {
        my($self, $layout) = @_;
        my $user = getCurrentUser();
        my $page = $user->{currentPage};
        my $skin = getCurrentSkin('name');
        my $admin = $user->{is_admin};
        my $theme = ($user->{simpledesign} || $user->{pda}) ? "light" : $user->{css_theme};
        my $secure = apacheConnectionSSL();
        $layout ||= '';
        my $constants = getCurrentStatic();

        my $expire_time = $constants->{css_expire} || 3600;
        $expire_time += int(rand(60)) if $expire_time;
        _genericCacheRefresh($self, 'css', $expire_time);
        _genericCacheRefresh($self, 'css_pages', $expire_time);
        _genericCacheRefresh($self, 'css_skins', $expire_time);
        _genericCacheRefresh($self, 'css_themes', $expire_time);

        my $css_ref             = $self->{_css_cache} ||= {};
        my $css_pages_ref       = $self->{_css_pages_cache};
        my $css_skins_ref       = $self->{_css_skins_cache};
        my $css_themes_ref      = $self->{_css_themes_cache};
        my $css_layouts_ref     = $self->{_css_layouts_cache};

        $css_pages_ref = $self->getCSSValuesHashForCol('page') if !$css_pages_ref;
        $css_skins_ref = $self->getCSSValuesHashForCol('skin') if !$css_skins_ref;
        $css_themes_ref = $self->getCSSValuesHashForCol('theme') if !$css_themes_ref;
        $css_layouts_ref = $self->getCSSValuesHashForCol('layout') if !$css_layouts_ref;

        my $lowbandwidth = ($user->{lowbandwidth} || $user->{pda}) ? "yes" : "no";

        $page   = '' if !$css_pages_ref->{$page};
        $skin   = '' if !$css_skins_ref->{$skin};
        $theme  = '' if !$css_themes_ref->{$theme};
        $layout = '' if !$css_layouts_ref->{$layout};

        return $css_ref->{$skin}{$page}{$admin}{$theme}{$lowbandwidth}{$layout}{$secure}
                if exists $css_ref->{$skin}{$page}{$admin}{$theme}{$lowbandwidth}{$layout}{$secure};

        my @clauses;

        my $page_q = $self->sqlQuote($page);
        my $page_in = $page ? "(page = '' or page = $page_q)" : "page = ''";
        push @clauses, $page_in;

        my $skin_in = $skin ? "(skin = '' or skin = '$skin')" : "skin = ''";
        push @clauses, $skin_in;

        push @clauses, "admin='no'" if !$admin;

        my $theme_q  = $self->sqlQuote($theme);
        my $theme_in = $theme ? "(theme='' or theme=$theme_q)" : "theme=''";
        push @clauses, $theme_in;

        push @clauses, "lowbandwidth='$lowbandwidth'" if $lowbandwidth eq "no";

        my $layout_q = $self->sqlQuote($layout);
        push @clauses, "layout=$layout_q";

        my $where = "css.ctid=css_type.ctid AND ";
        $where .= join ' AND ', @clauses;

        my $css = $self->sqlSelectAllHashrefArray("rel,type,media,file,title,ie_cond,skin",
                "css, css_type", $where, "ORDER BY css_type.ordernum, css.ordernum");
        if ($secure) {
                for my $hr (@$css) { $hr->{file} =~ s/\.css/.ssl.css/ }
        }
        
        $css_ref->{$skin}{$page}{$admin}{$theme}{$lowbandwidth}{$layout}{$secure} = $css;
        return $css;
}

Slash/Apache/User/User.pm

{
my %ops_my = (
        inbox           => { args => 'op=list', uri => 'messages.pl' },
        # XXX change messages to be same as /inbox, move this to /my/preferences/messages
        messages        => { args => 'op=display_prefs', uri => 'messages.pl' },
        comments        => { args => 'op=editcomm' },
        homepage        => { args => 'op=edithome' },
        password        => { args => 'op=changeprefs', uri => 'login.pl' },
        logout          => { args => 'op=userclose', uri => 'login.pl' },
        misc            => { args => 'op=editmiscopts' },
        amigos          => { args => 'op=friendview', uri => 'journal.pl' },
        bookmarks       => { args => 'op=showbookmarks' },
        firehose        => { args => 'op=userfirehose' },
        preferences     => { args => 'op=displayprefs', uri => 'preferences.pl' },
        tags            => { args => 'op=showtags' },
        journal         => { args => 'op=list', uri => 'journal.pl' },

        friends         => { args => 'op=friends', uri  => 'zoo.pl' },
        fans            => { args => 'op=fans', uri  => 'zoo.pl' },
        freaks          => { args => 'op=freaks', uri  => 'zoo.pl' },
        foes            => { args => 'op=foes', uri  => 'zoo.pl' },
        zoo             => { args => 'op=all', uri  => 'zoo.pl' },

        default         => { args => 'op=edituser' }
);

sql/mysql/defaults.sql

134 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','base.css','','','','no','',1,0, "","no");
135 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','comments.css','','','comments','no','',2,0, "","no");
136 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','comments.css','','','article','no','',2,0, "","no");
137 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','print','print.css','','','','no','',5,0, "","no");
138 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','admin.css','','','','yes','',1,0, "","no");
139 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','comments.css','','','pollBooth','no','',2,0, "","no");
140 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','slashcode_lite.css','','','','no','light',4,0, "","no");
141 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','comments.css','','','journal','no','',2,0, "","no");
142 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','slashcode_lite.css','','','','no','light',4,0, "","no");
143 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','comments.css','','','journal','no','',2,0, "","no");
144 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','slashcode.css','','','','no','',3,0, "","no");
145 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','comments.css','','','metamod','no','',2,0, "","no");
146 INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond, lowbandwidth) VALUES ('stylesheet','text/css','screen, projection','slashcode_low_bw.css','','','','no','',4,99, "","yes");
147 
148 #
149 # Dumping data for table 'css_type'
150 #
151 INSERT INTO css_type (ctid, name, ordernum) VALUES (1,'base',1);
152 INSERT INTO css_type (ctid, name, ordernum) VALUES (2,'page',2);
153 INSERT INTO css_type (ctid, name, ordernum) VALUES (3,'theme',3);
154 INSERT INTO css_type (ctid, name, ordernum) VALUES (4,'user_theme',5);
155 INSERT INTO css_type (ctid, name, ordernum) VALUES (5,'print',6);
156 INSERT INTO css_type (ctid, name, ordernum) VALUES (6,'skin',4);
157 INSERT INTO css_type (ctid, name, ordernum) VALUES (7,'handheld',7);

plugins/FireHose/mysql_dump.sql

INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond) VALUES ('stylesheet','text/css','screen, projection','firehose.css','','','firehose','no','',2,0, '');
INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond) VALUES ('stylesheet','text/css','screen, projection','firehose.css','','','users','no','',2,0, '');
INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond) VALUES ('stylesheet','text/css','screen, projection','calendar.css','','','firehose','no','',2,0, '');
INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond) VALUES ('stylesheet','text/css','screen, projection','firehose.css','','','users','no','',2,0, '');
INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond) VALUES ('stylesheet','text/css','screen, projection','comments.css','','','firehose','no','',2,0, '');
INSERT INTO css (rel, type, media, file, title, skin, page, admin, theme, ctid, ordernum, ie_cond) VALUES ('stylesheet','text/css','screen, projection','firehose.css','','','index2','no','',2,0, '');

I believe that we are not using FireHose but it was needed to make the site work. As can be seen in the db dump above, it adds the firehose.css file to any of the user pages. Need to verify and then see if we can get the db purged of these values.

Good work. The question in my mind is why the heck css for one module has any effect *at all* on any other module. Talk about lack of localization...-AG

I think there was some firehose slashboxes that showed up in the users pages. They needed to be wider than the default, so they patched those pages with the firehose.css. Next step is to get a current dump of the two css tables. The important part is I know what files are for what parts of the code. Slashcode.css is the theme css file slashcode-lite.css is the style file that is called by a user pref. This means I need to fix comments.css to remove the theme elements I inserted and put them in the theme file. I still need to make sure that the changes that benefited the Simplified theme stay intact. -EP

fonts

This is what I usually start with:
   font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;

Too many can lead to a LOT of testing being required. As can the wrong order. ;-)

Others I have used in the past:
font-family: Geneva,Arial,Verdana,Helvetica,Chicago,sans-serif;
font-family: Helvetica,Arial,Geneva,Chicago,Verdana,sans-serif;
font-family: Helvetica,Geneva,Arial,Verdana,sans-serif;
-AG

I have used:
font-family: Verdana, Geneva, "Bitstream Vera Sans", "DejaVu Sans", sans-serif;

Note this has Linux fonts as well to help with these users.
-EP

User Menu

123 INSERT INTO menus (menu, label, sel_label, value, seclev, showanon, menuorder) VALUES ('users','Logout','logout','/my/logout',1,0,10);
124 INSERT INTO menus (menu, label, sel_label, value, seclev, showanon, menuorder) VALUES ('users','Preferences','preferences','/users.pl?op=edituser',1,0,20);
125 INSERT INTO menus (menu, label, sel_label, value, seclev, showanon, menuorder) VALUES ('users','Password','password','[% constants.real_rootdir %]/my/password',1,0,40);
126 INSERT INTO menus (menu, label, sel_label, value, seclev, showanon, menuorder) VALUES ('users','~[% user.nickname | strip_literal %] ([% user.uid %])','me','/~[% user.nickname | fixparam %]',1,0,50);

This code sets up the upper menu on http://slashcott.org/users.pl which is linked from your userid on the home page. The Preferences is wrong, as it needs to be all three links: Info, Homepage, Comments. This will allow users with low-bandwidth option set to easily get to the setting to unset low-bandwidth. -EP

Refernces to css in the man pages in /usr/local/share/man/man3

grep -i css *

HTML::CalendarMonth.3pm:.IP "enable_css" 4
HTML::CalendarMonth.3pm:.IX Item "enable_css"
HTML::CalendarMonth.3pm:Set some handy \s-1CSS\s0 class attributes on elements, enabled by default.
HTML::CalendarMonth.3pm:.IP "semantic_css" 4
HTML::CalendarMonth.3pm:.IX Item "semantic_css"
HTML::CalendarMonth.3pm:Sets some additional \s-1CSS\s0 class attributes on elements, disabled by
HTML::CalendarMonth.3pm:.IP "\fIdefault_css()\fR" 4
HTML::CalendarMonth.3pm:.IX Item "default_css()"
HTML::CalendarMonth.3pm:document in conjunction with the classes assigned to elements when css
HTML::ElementSuper.3pm:might be when you'd like to assign multiple \s-1CSS\s0 classes to a single
HTML::PopupTreeSelect.3pm:.IP "include_css (optional)" 4
HTML::PopupTreeSelect.3pm:.IX Item "include_css (optional)"
HTML::PopupTreeSelect.3pm:Set this to 0 and the default \s-1CSS\s0 will not be included in the widget
HTML::PopupTreeSelect.3pm:output.  This allows you to include your own \s-1CSS\s0 which will be used by
HTML::PopupTreeSelect.3pm:your widget.  Modifying the \s-1CSS\s0 will allow you to control the fonts,
HTML::PopupTreeSelect.3pm:If you run the widget with include_css set to 1 then you can use that
HTML::Tree::Scanning.3pm:tagging, such is as useful in \s-1CSS\s0 \*(-- note the
Module::Build::API.3pm:.IP "\fIhtml_css()\fR" 4
Module::Build::API.3pm:.IX Item "html_css()"
TAP::Parser::YAMLish::Reader.3pm:YAML::Tiny, \s-1YAML\s0, YAML::Syck, Config::Tiny, CSS::Tiny,
TAP::Parser::YAMLish::Writer.3pm:YAML::Tiny, \s-1YAML\s0, YAML::Syck, Config::Tiny, CSS::Tiny,
Template::Iterator.3pm:You can then style the \f(CW\*(C`tr.odd\*(C'\fR and \f(CW\*(C`tr.even\*(C'\fR elements using \s-1CSS:\s0
Template::Toolkit.3pm:kind of text documents: \s-1HTML\s0, \s-1XML\s0, \s-1CSS\s0, Javascript, Perl code, plain text,
Template::Tutorial::Web.3pm:kind of content they contain.  So you can use \s-1TT\s0 to generate \s-1HTML\s0, \s-1XML\s0, \s-1CSS\s0,


CSS commit for Feb 23

Changes to most of the css files to set all sizes to em (some were in px and broke flow). Changed the font-family to a more friendly chain for all platforms, and remove all other font-faimily calls from the code. Changed font sizes from % to ems and adjusted size for some of the main elements. Fix a issue with the middle column size caused by firehose.css. Many small fixes to spacing over many places.

Moved all of the slashcode theme items into the slashcode.cssraw file. Some were in comments.cssraw due to some previous work I did.

On article body and comment body, made the font size a bit smaller. Also on comments body set the margins to be smaller.

-EP