diff --git a/extra/webapps/mason/grids/grids.factor b/extra/webapps/mason/grids/grids.factor index d975292a86..3b2e4a96e9 100644 --- a/extra/webapps/mason/grids/grids.factor +++ b/extra/webapps/mason/grids/grids.factor @@ -37,7 +37,7 @@ CONSTANT: cpus render-grid-header cpus [ quot render-grid-row ] map [XML - +
<-> <->
OS/CPU
diff --git a/extra/websites/factorcode/index.fhtml b/extra/websites/factorcode/index.fhtml index baec686d33..8dad243130 100644 --- a/extra/websites/factorcode/index.fhtml +++ b/extra/websites/factorcode/index.fhtml @@ -12,6 +12,7 @@ webapps.mason.utils webapps.mason.version.data xml.writer xmode.highlight ; + @@ -31,10 +32,7 @@ webapps.mason.utils webapps.mason.version.data xml.writer xmode.highlight ;

The Factor programming language is a concatenative, stack-based programming language with high-level features including dynamic types, extensible syntax, macros, and garbage collection. On a practical side, Factor has a full-featured library, supports many different platforms, and has been extensively documented.

The implementation is fully compiled for performance, while still supporting interactive development. Factor applications are portable between all common platforms. Factor can deploy stand-alone applications on all platforms. Full source code for the Factor project is available under a BSD license.

- - - - - - -
+
-
 + + +
+ 
<%
 "resource:extra/websites/factorcode/examples.txt" utf8 file-lines
 { "----" } split random
@@ -56,9 +56,10 @@ webapps.mason.utils webapps.mason.version.data xml.writer xmode.highlight ;
 xml>string write-html
 %>
-
+ + +
+

Downloads

diff --git a/extra/websites/factorcode/master.css b/extra/websites/factorcode/master.css index 3af3a83d32..cabb2eadb5 100644 --- a/extra/websites/factorcode/master.css +++ b/extra/websites/factorcode/master.css @@ -21,6 +21,12 @@ body { max-width: 800px; text-align: left; line-height: 150%; + padding: 10px; +} + +img { + max-width: 100%; + height: auto; } pre { @@ -29,7 +35,8 @@ pre { margin-top: 10px; padding: 10px; font-size: smaller; - width: 400px; + width: 100%; + overflow: auto; } ul { @@ -42,13 +49,13 @@ li { padding: 5px; } -#downloads { +.downloads { width: 520px; padding: 0; margin: 0; } -#downloads th { +.downloads th { color: #4f6b72; border: 1px solid #C1DAD7; border-left: none; @@ -61,34 +68,56 @@ li { vertical-align: center; } -#downloads th.nobg { +.downloads th.nobg { border: 0; border-right: 1px solid #C1DAD7; background: none; } -#downloads td { +.downloads td { text-align: center; vertical-align: center; } -#downloads td.alt { +.downloads td.alt { background: #F5FAFA; color: #797268; } -#downloads td.doesnotexist { +.downloads td.doesnotexist { background: #E5EAEA; } -#downloads td.unsupported { +.downloads td.unsupported { background: #ffaaaa; } -#downloads td.supported { +.downloads td.supported { background: #aaffaa; } -#downloads td.nobinary { +.downloads td.nobinary { background: #eeee88; } + +.left { + width: 50%; + float: left; +} + +.right { + width: 50%; + float: right; +} + +@media screen and (max-width: 600px) { + .left, .right { + width: 100%; + float: none; + } + + .downloads { + width: 100%; + max-width: 520px; + } +}