From 57292e651dc7dbb6a3a8adebe49bae446b212473 Mon Sep 17 00:00:00 2001 From: mb863 Date: Tue, 2 Nov 2010 20:53:45 +0000 Subject: [PATCH] NIHVIVO-634: Created menupage.ftl (work in progress). --- webapp/web/css/menupage/menupage.css | 453 ++++++++++++++++++ webapp/web/images/menupage/arrow-green.gif | Bin 0 -> 183 bytes webapp/web/images/menupage/arrow.gif | Bin 0 -> 294 bytes .../menupage/visual-graph-generic-class.jpg | Bin 0 -> 2686 bytes .../menupage/menupage--classgroup-people.ftl | 132 +++++ .../freemarker/body/menupage/menupage.ftl | 81 ++++ 6 files changed, 666 insertions(+) create mode 100644 webapp/web/css/menupage/menupage.css create mode 100644 webapp/web/images/menupage/arrow-green.gif create mode 100644 webapp/web/images/menupage/arrow.gif create mode 100644 webapp/web/images/menupage/visual-graph-generic-class.jpg create mode 100644 webapp/web/templates/freemarker/body/menupage/menupage--classgroup-people.ftl create mode 100644 webapp/web/templates/freemarker/body/menupage/menupage.ftl diff --git a/webapp/web/css/menupage/menupage.css b/webapp/web/css/menupage/menupage.css new file mode 100644 index 000000000..5037a3f53 --- /dev/null +++ b/webapp/web/css/menupage/menupage.css @@ -0,0 +1,453 @@ +/* $This file is distributed under the terms of the license in /doc/license.txt$ */ + +@charset "UTF-8"; +/* CSS Document */ + +/* VISUAL GRAPH FOAF:PERSON------> */ +#intro-topLevel { + clear:both; + width:920px; + margin:0 auto; + background:#fff; + padding-top:30px; + margin-bottom:30px; +} +#intro-topLevel h3 { + padding:0 25px 15px 0; + font-size:24px; + color:#002b44; + font-weight:normal; + border-bottom:1px solid #f3f3f4; + padding-bottom:20px; +} +#content-foaf-person { + float:left; + width:620px; + border-right:1px solid #e8ece9; + margin-bottom:30px; +} +#content-foaf-person h4 { + padding:20px 25px 12px 0; + font-size:20px; + color:#2485ae; + font-weight:normal; + background:url(../images/arrow-down.gif) 117px 27px no-repeat; +} +ul#foaf-person-childClasses { + float:left; + width:265px; + margin-left:45px; +} +ul#foaf-person-childClasses li { + display:block; + border-bottom:1px solid #dde4e3; + font-size:16px; + height:35px; + line-height:35px; +} +ul#foaf-person-childClasses li:last-child { + border-bottom:0; +} +ul#foaf-person-childClasses a { + display:block; + padding-left:15px; + width:265px; + height:35px; + color:#5e6363; + text-decoration:none; +} +ul#foaf-person-childClasses a:hover { + background:url(../images/arrow.gif) 0 12px no-repeat; + color:#2ea0cf; +} +ul#foaf-person-childClasses a.selected { + color:#2ea0cf; + background:url(../images/arrow.gif) 0 12px no-repeat; +} +ul#foaf-person-childClasses .count-classes { + font-size:12px; +} +#foaf-person-graph { + float:right; + width:270px; + height:270px; +} + +/* VISUAL GRAPH CLASS:GENERIC (ORGANIZATION, RESEARCH, EVENT) ------> */ +#content-generic-class { + float:left; + width:900px; + margin-bottom:30px; +} +#content-generic-class h3 { + padding:0 25px 15px 0; + font-size:24px; + color:#002b44; + font-weight:normal; + border-bottom:1px solid #f3f3f4; +} +#content-generic-class h4 { + padding:20px 25px 12px 0; + font-size:20px; + color:#2485ae; + font-weight:normal; + background:url(../images/arrow-down.gif) 117px 27px no-repeat; +} +ul#class-generic-childClasses { + float:left; + width:265px; + margin-left:35px; +} +ul#class-generic-childClasses li { + display:block; + border-bottom:1px solid #dde4e3; + font-size:16px; + height:35px; + line-height:35px; +} +ul#class-generic-childClasses li:last-child { + border-bottom:0; +} +ul#class-generic-childClasses a { + display:block; + padding-left:15px; + width:265px; + height:35px; + color:#5e6363; + text-decoration:none; +} +ul#class-generic-childClasses a:hover { + background:url(../images/arrow.gif) 0 12px no-repeat; + color:#2ea0cf; +} +ul#class-generic-childClasses a.selected { + color:#2ea0cf; + background:url(../images/arrow.gif) 0 12px no-repeat; +} +ul#class-generic-childClasses .count-classes { + font-size:12px; +} +#generic-class-graph { + float:right; + width:500px; + height:283px; + padding-right:20px; + border:1px dotted #CCC; +} + +/* FIND BY ------> */ +#find-by { + width:275px; + border:1 solid green; + float:right; + margin-top:20px; +} +#find-by h3 { + padding:0 25px 12px 12px; + font-size:18px; + color:#2485ae; + font-weight:normal; + background:url(../images/arrow-down.gif) 85px 7px no-repeat; + border-bottom:0; +} +ul#find-filters { + float:left; + width:265px; +} +ul#find-filters li { + display:block; + border-bottom:1px solid #dde4e3; + font-size:16px; + height:35px; + line-height:35px; +} +ul#find-filters li:last-child { + border-bottom:0; +} +ul#find-filters a { + display:block; + padding-left:15px; + width:265px; + height:35px; + color:#5e6363; + text-decoration:none; +} +ul#find-filters a:hover { + background:url(../images/arrow.gif) 0 12px no-repeat; + color:#2ea0cf; +} +ul#find-filters a.selected { + color:#2ea0cf; + background:url(../images/arrow.gif) 0 12px no-repeat; +} + +/* NETWORK STATS ------> */ +#network-stats { + clear:both; + width:920px; + margin:0 auto; + height:67px; + background:#f7f9f9; + border:1px solid #d7e6e6; + margin-bottom:30px; +} +#network-stats h3 { + float:left; + width:150px; + padding:20px 12px 10px 12px; + font-size:20px; + color:#2485ae; + font-weight:normal; + background:url(../images/arrow.gif) 140px 27px no-repeat; +} +#network-stats p { + padding:15px 15px 15px 175px; + font-size:14px; + line-height:1.5em; + color:#5e6363; +} + +/* RESEARCHERS ------> */ +#researchers { + clear:both; + width:920px; + height:229px; + margin:0 auto; + background:#f7f9f9; + border:1px solid #d7e6e6; + margin-top:30px; +} +#researchers h3 { + float:left; + width:150px; + padding:20px 12px 10px 12px; + font-size:20px; + color:#2485ae; + font-weight:normal; + background:url(../images/arrow.gif) 140px 27px no-repeat; +} +#researchers p { + padding:17px 15px 15px 175px; + font-size:18px; + line-height:1.5em; + color:#5e6363; +} +#researchers-slider { + clead:both; + margin:0 auto; + width:887px; + height:115px; + border:1px solid #e8e8e8; + background:#fff; +} +#alpha-display { + width:100px; + height:115px; + font-size:70px; + line-height:115px; + text-align:center; + float:left; + color:#2485ae; + border-right:1px dotted #dde4e3; + margin-right:10px; + font-weight:bold; +} +#profile-photo-display { + width:600px; + height:115px; + float:left; +} +#profile-photo-display ul { + display:block; +} +#profile-photo-display li { + display:block; + width:90px; + float:left; + padding-right:10px; + padding-top:10px; +} +#profile-photo-display img { + border:1px solid #dde4e3; +} +#nav-display { + width:100px; + height:70px; + margin-top:30px; + margin-right:20px; + float:right; +} +#nav-display p { + float:left; + padding:0; + padding-top:7px; + width:30px; + font-size:26px; + color:#2485ae; +} +#nav-display img { + display:block; + float:right; + padding-left:15px; + border-left:1px solid #e8e8e8; +} + +/* BROWSE BY ------> */ +#browse-by { + clear:both; + width:920px; + margin:0 auto; + margin-top:40px; + border:1px solid #dfe6e6; + background:#f7f9f9; + overflow:hidden; +} +#browse-by h2 { + background:#5e6363; + width:102px; + height:44px; + line-height:44px; + font-soze:22px; + padding-left:15px; + color:#fff; + margin-bottom:27px; +} + +/* BROWSE CLASSES ------> */ + ul#browse-childClasses { + float:left; + width:284px; + border:1px solid #dde4e3; + border-right:0; + margin-left:30px; + background-color:#f1f2ee; +} +ul#browse-childClasses li { + display:block; + width:264px; + border-bottom:1px solid #dde4e3; + font-size:16px; + height:35px; + line-height:35px; + margin-left:10px; + margin-right:10px; +} +ul#browse-childClassesli:last-child { + border-bottom:0; +} +ul#browse-childClasses a { + display:block; + padding-left:20px; + width:264px; + height:35px; + color:#5e6363; + text-decoration:none; +} +ul#browse-childClasses a:hover { + background:url(../images/arrow.gif) 0 12px no-repeat; + color:#2ea0cf; +} +ul#browse-childClasses a.selected { + color:#2ea0cf; + background:url(../images/arrow.gif) 0 12px no-repeat; +} +ul#browse-childClasses .count-classes { + font-size:12px; +} + +/* ALPHA BROWSE------> */ +#alpha-browse-childClass { + float:left; + width:77px; + border:1px solid #dde4e3; + border-right:0; +} +ul#alpha-browse-childClass { + background-color:#fff; + border-left:1px solid #dde4e3; +} +ul#alpha-browse-childClass li { + display:block; + width:67px; + font-size:18px; + height:35px; + line-height:35px; +} +ul#alpha-browse-childClass li:last-child { + border-bottom:0; +} +ul#alpha-browse-childClass a { + display:block; + width:57px; + height:35px; + color:#5e6363; + text-decoration:none; + text-align:center; + margin-left:5px; + padding-left:10px; + border-bottom:1px solid #dde4e3; +} +ul#alpha-browse-childClass a:hover { + background:url(../images/arrow.gif) 0 12px no-repeat; + color:#2ea0cf; +} +ul#alpha-browse-childClass a.selected { + color:#2ea0cf; + background:url(../images/arrow.gif) 0 12px no-repeat; +} +ul#alpha-browse-childClass .count-classes { + font-size:12px; +} +.alphaIndex { + font-size: 0.8em; +} + +/* BROWSE INDIVIDUALS------> */ +#individuals-in-childClass { + float:left; + width:500px; + border:1px solid #dde4e3; + padding-bottom:30px; + margin-bottom:30px; + background-color:#fff; +} +#individuals-in-childClass h3 { + font-size:27px; + color:#2485ae; + padding:10px 0 10px 30px; +} +article.individual-foaf-person { + width:440px; + padding-botom:30px; + border-bottom:1px solid #dde4e3; + padding-top:20px; + margin-left:30px; + margin-right:30px; +} +article.individual-foaf-person img { + float:left; + border:2px solid #dde4e3; +} +article.individual-foaf-person h1 { + padding:30px 0 30px 110px; + color:#5e6363; + line-height:1.2em; + font-size:16px; + font-weight:normal; +} +article.individual { + width:440px; + margin-left:30px; + margin-right:30px; + border-bottom:1px solid #dde4e3; +} +article.individual h1 { + margin:0; + paddin:0; + color:#5e6363; + line-height:1.2em; + padding-bottom:20px; + padding-top:20px; + font-size:16px; + font-weight:normal; +} diff --git a/webapp/web/images/menupage/arrow-green.gif b/webapp/web/images/menupage/arrow-green.gif new file mode 100644 index 0000000000000000000000000000000000000000..b3a75c25d736fd7c53e748390640fab935b540ee GIT binary patch literal 183 zcmV;o07(BwNk%w1VF&;V0K^^u@AcjD_~ysmhwt^=`1|q0+ke8^e7e?Zx71|B+=1}+ z-_GKf>GIF=_v7U6#pUnE^Z4cV`s~u=pXcz)?ey5l-iq<};lta0`1|n5-;4D4=EB>2 z$={5!(OUoi{{R30A^8LW0015UEC2ui00;mJ000Fvpf^aGXL?G}am2ZFaE6(H0e7<5 lTz5s848-l?iDYh@NkD*vcsR(C$8qQ+q^1YQa`J=#06TPfYpnnP literal 0 HcmV?d00001 diff --git a/webapp/web/images/menupage/arrow.gif b/webapp/web/images/menupage/arrow.gif new file mode 100644 index 0000000000000000000000000000000000000000..8d9199e7a80fb38338440e88af34f88bab44fa43 GIT binary patch literal 294 zcmZ?wbhEHbomVsOzu9&2e)oxcoo~Ke`|Rs2eZoXK%`&#b9xBGTo%ieS`>i_@$4734?KUo+V7?c=vK*odo#K7k4Fmb~p z0jbt*f#roFff5S^JPPi(EWVulT&q^bxKUf9u%*D(&GVtx1rGIw*AJAp99hh=OF;2D Tx2U)xqlB-LAUm6{BZD;niN|nG literal 0 HcmV?d00001 diff --git a/webapp/web/images/menupage/visual-graph-generic-class.jpg b/webapp/web/images/menupage/visual-graph-generic-class.jpg new file mode 100644 index 0000000000000000000000000000000000000000..8749a5a75f6a3ecb8ea21932aea01223cd7cd227 GIT binary patch literal 2686 zcmex=iF;o{=v;^GnD0RsUZK7IjyJ|1CV5fNcw z8EI*08F@HhWM^mR<>8eO5Ri}(6%>_%OAyQWe}F-dgHf9C3p1l21Ct;lvmoRDBMdnV zj1T~HC=@U=F|x37fJ9*;5So!mfRTZjfr*isiItfZCdMqtBBW?29LVaJ*r=pD@t}xN zQqd++K}_9(|8FtyFf#(JW)@_yXZRb0YWgT|Gz3ONU^E0qLtt2hfa;Am$t_`}+k4`! zp4)unyxI08?h6cWy-U3QgVUSGhcuHGtuL6|F<(|>J$7o-aE{zJ$KLArHfA)pWC)~NB{AzBkR=Gwr#ns_0q2< z_w5CpZG3xscYFRjLt+2!wI9>vy?@lqD*Sae`pI2`mD?U8CF(Yx)@dZvgY~Be!0xbXLj>W^^|S-x%orC zb!L0iu9ua!eunKUw2A&!ef!(_9lGD%>MyUB)wj9#S7vSHuQRvOf+nu{^ZNU|uSwal zTTW{p%9lCbudDdR8ufets{Po87~uJ8tKw zef(#(^XaGP>?5v=GS7rtJloc%`})a>vd5?HmtVX6()(+gZhzmjHNii$^S>PV_&WcP zvf1})*4C`dj(%+%F>_kh z(W68K>=T&@etYZo7H=y(xAokevnvG!BR_qAW^dph*X|x2cB}OB-j#w;XIBazao^%# zz21HKwvEenT>2Ge(H*tX`1q^LzWBF)rT-MyXy$h*?fe`uU+VZnw%+GgUk6>;YP>dg zZk?5nyRhgl2kEa?cRM=nYh??*74Mj5zv@Ns>T64j*BUL=o^t-EU_{57Gd@1YzdG91 z-M@I6#m*D61LLo($u9%+EK?v*HpQ +
+

People

+
+

Visual Graph

+ +
+
+
+ +
+
+
+

Network stats

+

(n) Persons | (n) with authorship | (n) researchers | (n) are principal investigators | (n) with awards + (n) are teaching | (n) have positions in organization

+
+
+

Researchers

+

A | B | C | D | E | F | G | H | I | J | K | L | M | N | O | P | Q | R | S | T | U | V | W | X | Y | Z | All

+
+
A
+
+
    +
    • +
    • +
    • +
    • +
    • +
    • +
+
+ +
+
+
+

Browse By

+ +
+

B

+
+

foaf:lastName, foaf:fisrtName
+ core:preferredTitle
+ Albert Mann Library

+
+
+

foaf:lastName, foaf:fisrtName
+ core:preferredTitle
+ Albert Mann Library

+
+
+

foaf:lastName, foaf:fisrtName
+ core:preferredTitle
+ Albert Mann Library

+
+
+

foaf:lastName, foaf:fisrtName
+ core:preferredTitle
+ Albert Mann Library

+
+
+

foaf:lastName, foaf:fisrtName
+ core:preferredTitle
+ Albert Mann Library

+
+
+

foaf:lastName, foaf:fisrtName
+ core:preferredTitle
+ Albert Mann Library

+
+
+

foaf:lastName, foaf:fisrtName
+ core:preferredTitle
+ Albert Mann Library

+
+
+
diff --git a/webapp/web/templates/freemarker/body/menupage/menupage.ftl b/webapp/web/templates/freemarker/body/menupage/menupage.ftl new file mode 100644 index 000000000..dfd5dddae --- /dev/null +++ b/webapp/web/templates/freemarker/body/menupage/menupage.ftl @@ -0,0 +1,81 @@ +<#-- $This file is distributed under the terms of the license in /doc/license.txt$ --> +
+
+ + +
+
+
+ +
+

Browse By

+ + + +
+

B

+ +

<individualName>

+

<individualName>

+

<individualName>

+

<individualName>

+

<individualName>

+

<individualName>

+

<individualName>

+

<individualName>

+

<individualName>

+

<individualName>

+

<individualName>

+

<individualName>

+
+
\ No newline at end of file