diff --git a/new-racket-web/Makefile b/new-racket-web/Makefile new file mode 100644 index 0000000000..9ed09b404d --- /dev/null +++ b/new-racket-web/Makefile @@ -0,0 +1,3 @@ +all: index.rkt + r index.rkt > index2.html + diff --git a/new-racket-web/index.rkt b/new-racket-web/index.rkt new file mode 100644 index 0000000000..0569900daa --- /dev/null +++ b/new-racket-web/index.rkt @@ -0,0 +1,114 @@ +#lang scribble/html + +@(define (css url) @link[href: url rel: "stylesheet" type: "text/css"]{}) +@(define (icon name) @i[class: name]{}) +@(define (row . content) (apply div class: "row" content)) +@(define (js . args) @script[type: "text/javascript" @(apply literal args) "\n"]) +@(define (tagline l) @span[style: "font-style: italic" l]) +@; The new racket web pages + +@(printf "\n") + +@html{ + @head{ + @meta[charset: "utf-8"] + + @;-- Use the .htaccess and remove these lines to avoid edge case issues. + @; More info: h5bp.com/b/378 -- + @meta[http-equiv: "X-UA-Compatible" content: "IE=edge,chrome=1"] + + @title{The Racket Language} + @link[rel: "shortcut icon" href: "favicon.ico" type: "image/x-icon"] + + @; + @meta[name: "viewport" + content: "width=device-width, initial-scale=1.0, maximum-scale=1"] + + @; + + @; + @css["css/gumby.css"] + @css["css/style.css"] + @css["css/scribble.css"] + + + @; + @script[src: "js/libs/modernizr-2.6.2.min.js"] + } + + +@div[class: "navbar" gumby-fixed: "top" id: "nav1"]{ + @row{ + @a[class: "toggle" gumby-trigger: "#nav1 > .row > ul" href: "#"]{ + @icon{icon-menu}} + @a[class: "two columns logo" href: ""]{ + @img[class: "logo" src: "img/logo.png"]} + @ul[class: "five columns push_four"]{ + @li{@a[href: "https://pkg.racket-lang.org"]{Packages}} + @li{@a[href: "https://docs.racket-lang.org"]{Documentation}} + @li{@a[href: "https://blog.racket-lang.org"]{Blog}} + @li[button: "medium metro info btn icon-left entypo icon-install"]{ + @a[href: "#"]{Download}}}}} + +@row{ + @div[class: "ten columns centered"]{ + @h2[style: "font-size: 180%; margin-bottom: 10pt"]{ + @strong{Racket} @; —  + @tagline{a programmable programming language}}}} + +@row{ + @div[class: "eight columns centered" + style: "margin-bottom: 10pt; font-size: 120%; text-align:justify;"]{ +Racket is a wide-spectrum programming language that inherits from Lisp +and Scheme but also provides dialects that support objects, types, +laziness, and many other paradigms. Racket's module system allows +programmers to write and link together components written in different +dialects. Racket's libraries range from web servers to distributed +computing and from databases to charts. +}} + +@div[id: "topcontent"]{ +@row{ + @div[class: "one columns"]{} + @div[class: "seven columns"]{ + @h2[style: "font-size: 180%; margin-bottom: 10pt"]{Start Quickly} + @div[style: "position: relative"]{ + @p[class: "metro primary btn" + style: "position: absolute; top: -10%; right: 0%;"]{ + @a[href: "#" class: "switch" gumby-trigger: "#modal1"]{ + @icon["icon-help"]}} + @a[href: "#" class: "toggle narrow_only" + gumby-trigger: ".unique_lines|.web_scraper" + style: "position: absolute; top: -40%; left: 35%"]{ + @img[src: "img/prev.png" style: "width: 50px"]} + + @a[href: "#" class: "toggle narrow_only" + gumby-trigger: ".unique_lines|.web_scraper" + style: "position: absolute; top: -40%; right: 35%"]{ + @img[src: "img/next.png" style: "width: 50px"]} + + @a[href: "#" class: "toggle wide_only" + gumby-trigger: ".unique_lines|.web_scraper" + style: "position: absolute; top: 40%; left: -15%"]{ + @img[src: "img/prev.png" style: "width: 50px"]} + + @a[href: "#" class: "toggle wide_only" + gumby-trigger: ".unique_lines|.web_scraper" + style: "position: absolute; top: 40%; right: -15%"]{ + @img[src: "img/next.png" style: "width: 50px"]}}}}} + + + + @; + @script[src: "http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"] + @js{window.jQuery || document.write('