Created version of Accumulo logo for dark backgrounds
* Included SVG & PNG formats
* Adding processing code that was used to create original logo
* Minor changes to CSS
diff --git a/css/accumulo.scss b/css/accumulo.scss
index bb30adc..3537ea4 100644
--- a/css/accumulo.scss
+++ b/css/accumulo.scss
@@ -34,11 +34,14 @@
code {
background-color: #f5f5f5;
color: #20b2aa;
+ /* override nowrap in bootstrap */
+ white-space: normal;
}
#nav-logo {
padding-top: 10px;
padding-bottom: 10px;
+ padding-left: 10px;
}
.nav-link, li.dropdown {
@@ -64,8 +67,8 @@
}
#sociallinks td {
- /* no lines in the link table */
- border-top: none;
+ /* no lines in the link table */
+ border-top: none;
}
#bannertext {
@@ -96,6 +99,7 @@
#content img {
vertical-align: middle;
}
+
footer {
border-top: 1px solid #CCCCCC;
color: #666666;
@@ -103,6 +107,7 @@
padding: 8px 8px;
text-align: center;
}
+
footer > p {
width: 60%;
margin-left: auto;
@@ -111,6 +116,7 @@
#asf-logo {
float: left;
+
}
#release_notes_testing {
@@ -125,19 +131,8 @@
padding: 5px;
}
-#download-button-sidebar {
- width: 60%;
- margin-left: auto;
- margin-right: auto;
-}
-
#accumulo-summit-logo img {
- height: 40px
-}
-
-code {
- /* override nowrap in bootstrap */
- white-space: normal;
+ height: 40px
}
.header-link {
diff --git a/images/_logo/accumulo/accumulo.pde b/images/_logo/accumulo/accumulo.pde
new file mode 100644
index 0000000..bc6f454
--- /dev/null
+++ b/images/_logo/accumulo/accumulo.pde
@@ -0,0 +1,232 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/** Draws an accumulo logo */
+
+int celloffset = 8; // cell spacing
+int cellsize = 50; // cell size
+
+int u = 6; // horizontal thickness
+int v = 6; // vertical thickness
+int cr = 8; // corner radius
+
+int ft = 2; // frame thickness
+int fcr = 4; // frame corner radius
+
+color bg = color(255, 255, 255); // background color, white
+color mid = color(192, 192, 192); // frame color, grey.
+color fg = color( 0, 0, 0); // foreground color, black.
+
+// width and height shouldn't change.
+int width = 11; // width of frame in cells
+int height = 3; // height of frame in cells
+
+void setup() {
+ size(550, 150);
+ smooth();
+ noLoop();
+ ellipseMode(CORNERS);
+ strokeCap(ROUND);
+ noFill();
+}
+
+void draw() {
+ background(bg);
+ frame();
+ accumulo();
+}
+
+/** Draw the frame around the logo */
+void frame() {
+ stroke(mid); // stroke color
+
+ int t = 0, b = 0, l = 0, r = 0;
+ int w = 2; // line weight in pixels
+
+ for (int x=0; x < width; x++) {
+ for (int y=0; y < height; y++) {
+ l = (x > 0) ? ft : 0;
+ r = (x < width-1) ? ft: 0;
+ t = (y > 0) ? ft : 0;
+ b = (y < height-1) ? ft: 0;
+
+ t = (y > 0 && y < (height-1) && x > 0 && x < width-1) ? 0: t;
+ b = (y > 0 && y < (height-1) && x > 0 && x < width-1) ? 0: b;
+ l = (y > 0 && y < (height-1) && x > 0 && x < width-1) ? 0: l;
+ r = (y > 0 && y < (height-1) && x > 0 && x < width-1) ? 0: r;
+
+ shape(x, y, t, b, l, r, 0, 0, 0, 0, fcr);
+ }
+ }
+}
+
+/** Draw the letters in the logo */
+void accumulo() {
+ stroke(fg); // stroke color
+
+ int pos = 0; // current position
+
+ shape(++pos, 1, u, u, 0, v, v, u, 0, 0, cr); // a
+
+ //shape(++pos, 1, u, 0, v, v, 0, u, 0, 0, cr); // a
+ shape(++pos, 1, u, u, v, 0, 0, 0, 0, 0, cr); // c
+ shape(++pos, 1, u, u, v, 0, 0, 0, 0, 0, cr); // c
+ shape(++pos, 1, 0, u, v, v, 0, 0, 0, 0, cr); // u
+ shape(++pos, 1, u, 0, v, v, 0, 0, u + 2, 0, cr); // n, biased right
+ shape(++pos, 1, u, 0, v, v, 0, 0, 0, 0 - u - 2, cr); // n, biased left
+ shape(++pos, 1, 0, u, v, v, 0, 0, 0, 0, cr); // u
+ shape(++pos, 1, 0, u, v, 0, 0, 0, 0, 0, cr); // l
+ shape(++pos, 1, u, u, v, v, 0, 0, 0, 0, cr); // o
+}
+
+/** Render a shape at the specified position, using the line widths provided.
+ * Think a lame version of a multi-segment display.
+ *
+ * If the width of a segment is set to zero, the line won't be rendered.
+ *
+ * @param x: x position
+ * @param y: y position
+ * @param t: top line width
+ * @param b: bottom line width
+ * @param l: left line width
+ * @param r: right line width
+ * @param lm: left mid-line width (from bottom to middle on the left side)
+ * @param c: center line width
+ * @param br: horizontal bias for right side
+ * @param bl: horizontal bias for left side
+ */
+
+void shape(int x, int y, int t, int b, int l, int r, int lm, int c, int br, int bl, int cr) {
+ int x1 = x*cellsize;
+ int y1 = y*cellsize;
+
+ x1 += celloffset;
+ y1 += celloffset;
+
+ int def = cellsize - (celloffset*2);
+
+ int x2 = x1+def;
+ int y2 = y1+def;
+
+ // top
+ if (t > 0) {
+ int cbl = 0;
+ if (l > 0 || lm > 0) cbl = cr;
+
+ int cbr = 0;
+ if (r > 0) cbr = 0 - cr;
+
+ strokeWeight(t);
+ line(x1+bl+cbl, y1, x2+br+cbr, y1); // top
+
+ if (cr > 0) {
+ // top left arc
+ if (l > 0 || lm > 0) {
+ arc(x1+bl, y1, x1+2*cr+bl, y1+2*cr, PI, PI+PI/2);
+ }
+
+ // top right arc.
+ if (r > 0) {
+ arc(x2-2*cr+br, y1, x2+br, y1+2*cr, PI+PI/2, TWO_PI);
+ }
+ }
+ }
+
+ // right
+ if (r > 0) {
+ int cbt = 0;
+ if (t > 0) cbt = cr;
+
+ int cbb = 0;
+ if (b > 0) cbb = 0 - cr;
+
+ strokeWeight(r);
+ line(x2+br, y1+cbt, x2+br, y2+cbb); // right
+ }
+
+ // bottom
+ if (b > 0) {
+ int cbl = 0;
+ if (l > 0 || lm > 0) cbl = cr;
+
+ int cbr = 0;
+ if (r > 0) cbr = 0 - cr;
+
+ strokeWeight(b);
+ //line(x2+cbl,y2,x1+cbr,y2); // bottom
+ line(x1+cbl, y2, x2+cbr, y2); // bottom
+
+ if (cr > 0) {
+ // bottom left arc
+ if (l > 0 || lm > 0) {
+ arc(x1, y2-2*cr, x1+2*cr, y2, PI/2, PI);
+ }
+
+ // bottom right arc.
+ if (r > 0) {
+ arc(x2-2*cr, y2-2*cr, x2, y2, 0, PI/2);
+ }
+ }
+ }
+
+ // left
+ if (l > 0) {
+ int cbt = 0;
+ if (t > 0) cbt = cr;
+
+ int cbb = 0;
+ if (b > 0) cbb = 0 - cr;
+
+
+ strokeWeight(l);
+ line(x1+bl, y1+cbt, x1+bl, y2+cbb); // left
+ }
+
+ // mid-left, e.g for the left side of the a
+ if (lm > 0) {
+ int cbt = 0;
+ if (t > 0) cbt = cr;
+
+ int cbb = 0;
+ if (b > 0) cbb = 0 - cr;
+
+ strokeWeight(lm);
+ int delta = (y1-y2)/2;
+ line (x1, y1-delta+cbt, x1, y2+cbb);
+ }
+
+ // center, e.g for the horizontal member of the a
+ if (c > 0) {
+ int cbl = 0;
+ if (lm > 0) {
+ cbl = cr;
+ }
+
+ strokeWeight(c);
+ int delta = (y1-y2)/2;
+ line(x1+cbl, y1-delta, x2, y1-delta);
+
+ if (lm > 0) {
+ arc(x1+bl, y1-delta, x1+2*cr+bl, y1-delta+2*cr, PI, PI+PI/2);
+ }
+ }
+}
+
+void mousePressed()
+{
+ save("accumulo-logo.png");
+}
diff --git a/images/accumulo-logo-dark.png b/images/accumulo-logo-dark.png
new file mode 100644
index 0000000..dc74cb9
--- /dev/null
+++ b/images/accumulo-logo-dark.png
Binary files differ
diff --git a/images/accumulo-logo-dark.svg b/images/accumulo-logo-dark.svg
new file mode 100644
index 0000000..603bc16
--- /dev/null
+++ b/images/accumulo-logo-dark.svg
@@ -0,0 +1,296 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+
+<svg
+ xmlns:dc="http://purl.org/dc/elements/1.1/"
+ xmlns:cc="http://creativecommons.org/ns#"
+ xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+ xmlns:svg="http://www.w3.org/2000/svg"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+ xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ width="550px"
+ height="150px"
+ viewBox="0 0 550 150"
+ id="svg2940"
+ inkscape:version="0.47 r22583"
+ sodipodi:docname="accumulo-logo-dark.svg">
+ <metadata
+ id="metadata3018">
+ <rdf:RDF>
+ <cc:Work
+ rdf:about="">
+ <dc:format>image/svg+xml</dc:format>
+ <dc:type
+ rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+ <dc:title />
+ </cc:Work>
+ </rdf:RDF>
+ </metadata>
+ <sodipodi:namedview
+ pagecolor="#ffffff"
+ bordercolor="#666666"
+ borderopacity="1"
+ objecttolerance="10"
+ gridtolerance="10"
+ guidetolerance="10"
+ inkscape:pageopacity="0"
+ inkscape:pageshadow="2"
+ inkscape:window-width="1916"
+ inkscape:window-height="1086"
+ id="namedview3016"
+ showgrid="false"
+ showborder="true"
+ inkscape:showpageshadow="false"
+ inkscape:zoom="1.5952004"
+ inkscape:cx="396.82538"
+ inkscape:cy="32.53968"
+ inkscape:window-x="0"
+ inkscape:window-y="27"
+ inkscape:window-maximized="0"
+ inkscape:current-layer="svg2940"
+ inkscape:snap-global="false">
+ <inkscape:grid
+ type="xygrid"
+ id="grid5235"
+ empspacing="5"
+ visible="true"
+ enabled="true"
+ snapvisiblegridlinesonly="true" />
+ </sodipodi:namedview>
+ <defs
+ id="defs2942">
+ <inkscape:perspective
+ sodipodi:type="inkscape:persp3d"
+ inkscape:vp_x="0 : 75 : 1"
+ inkscape:vp_y="0 : 1000 : 0"
+ inkscape:vp_z="550 : 75 : 1"
+ inkscape:persp3d-origin="275 : 50 : 1"
+ id="perspective3020" />
+ <style
+ type="text/css"
+ id="style2944">
+ path.frame {
+ stroke: rgb(192, 192, 192);
+ stroke-width: 2;
+ stroke-linecap: round;
+ fill: none;
+ }
+ path.a, path.c, path.u, path.m, path.l, path.o {
+ stroke: #000000;
+ stroke-width: 6;
+ stroke-linecap: round;
+ fill: none;
+ }
+ text {
+ font: 16px sans-serif;
+ stroke: rgb(96, 96, 96);
+ fill: rgb(96, 96, 96);
+ }
+ </style>
+ <inkscape:perspective
+ id="perspective5294"
+ inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+ inkscape:vp_z="1 : 0.5 : 1"
+ inkscape:vp_y="0 : 1000 : 0"
+ inkscape:vp_x="0 : 0.5 : 1"
+ sodipodi:type="inkscape:persp3d" />
+ <inkscape:perspective
+ id="perspective5329"
+ inkscape:persp3d-origin="0.5 : 0.33333333 : 1"
+ inkscape:vp_z="1 : 0.5 : 1"
+ inkscape:vp_y="0 : 1000 : 0"
+ inkscape:vp_x="0 : 0.5 : 1"
+ sodipodi:type="inkscape:persp3d" />
+ </defs>
+ <g
+ inkscape:groupmode="layer"
+ id="layer2"
+ inkscape:label="Layer#1" />
+ <path
+ style="fill:none;stroke:#999999;stroke-width:2;stroke-linecap:round"
+ id="path2948"
+ class="frame"
+ d="m 8,42 h 30 a 4,4 0 0 0 4,-4 V 8" />
+ <path
+ style="fill:none;stroke:#999999;stroke-width:2;stroke-linecap:round"
+ id="path2950"
+ class="frame"
+ d="m 8,58 h 30 a 4,4 0 0 1 4,4 v 26 a 4,4 0 0 1 -4,4 H 8" />
+ <path
+ style="fill:none;stroke:#999999;stroke-width:2;stroke-linecap:round"
+ id="path2952"
+ class="frame"
+ d="m 8,108 h 30 a 4,4 0 0 1 4,4 v 30" />
+ <path
+ style="fill:none;stroke:#999999;stroke-width:2;stroke-linecap:round"
+ id="path2954"
+ class="frame"
+ d="m 58,8 v 30 a 4,4 0 0 0 4,4 h 26 a 4,4 0 0 0 4,-4 V 8" />
+ <path
+ style="fill:none;stroke:#999999;stroke-width:2;stroke-linecap:round"
+ id="path2956"
+ class="frame"
+ d="m 108,8 v 30 a 4,4 0 0 0 4,4 h 26 a 4,4 0 0 0 4,-4 V 8" />
+ <path
+ style="fill:none;stroke:#999999;stroke-width:2;stroke-linecap:round"
+ id="path2958"
+ class="frame"
+ d="m 158,8 v 30 a 4,4 0 0 0 4,4 h 26 a 4,4 0 0 0 4,-4 V 8" />
+ <path
+ style="fill:none;stroke:#999999;stroke-width:2;stroke-linecap:round"
+ id="path2960"
+ class="frame"
+ d="m 208,8 v 30 a 4,4 0 0 0 4,4 h 26 a 4,4 0 0 0 4,-4 V 8" />
+ <path
+ style="fill:none;stroke:#999999;stroke-width:2;stroke-linecap:round"
+ id="path2962"
+ class="frame"
+ d="m 258,8 v 30 a 4,4 0 0 0 4,4 h 26 a 4,4 0 0 0 4,-4 V 8" />
+ <path
+ style="fill:none;stroke:#999999;stroke-width:2;stroke-linecap:round"
+ id="path2964"
+ class="frame"
+ d="m 308,8 v 30 a 4,4 0 0 0 4,4 h 26 a 4,4 0 0 0 4,-4 V 8" />
+ <path
+ style="fill:none;stroke:#999999;stroke-width:2;stroke-linecap:round"
+ id="path2966"
+ class="frame"
+ d="m 358,8 v 30 a 4,4 0 0 0 4,4 h 26 a 4,4 0 0 0 4,-4 V 8" />
+ <path
+ style="fill:none;stroke:#999999;stroke-width:2;stroke-linecap:round"
+ id="path2968"
+ class="frame"
+ d="m 408,8 v 30 a 4,4 0 0 0 4,4 h 26 a 4,4 0 0 0 4,-4 V 8" />
+ <path
+ style="fill:none;stroke:#999999;stroke-width:2;stroke-linecap:round"
+ id="path2970"
+ class="frame"
+ d="m 458,8 v 30 a 4,4 0 0 0 4,4 h 26 a 4,4 0 0 0 4,-4 V 8" />
+ <path
+ style="fill:none;stroke:#999999;stroke-width:2;stroke-linecap:round"
+ id="path2972"
+ class="frame"
+ d="m 58,142 v -30 a 4,4 0 0 1 4,-4 h 26 a 4,4 0 0 1 4,4 v 30" />
+ <path
+ style="fill:none;stroke:#999999;stroke-width:2;stroke-linecap:round"
+ id="path2974"
+ class="frame"
+ d="m 108,142 v -30 a 4,4 0 0 1 4,-4 h 26 a 4,4 0 0 1 4,4 v 30" />
+ <path
+ style="fill:none;stroke:#999999;stroke-width:2;stroke-linecap:round"
+ id="path2976"
+ class="frame"
+ d="m 158,142 v -30 a 4,4 0 0 1 4,-4 h 26 a 4,4 0 0 1 4,4 v 30" />
+ <path
+ style="fill:none;stroke:#999999;stroke-width:2;stroke-linecap:round"
+ id="path2978"
+ class="frame"
+ d="m 208,142 v -30 a 4,4 0 0 1 4,-4 h 26 a 4,4 0 0 1 4,4 v 30" />
+ <path
+ style="fill:none;stroke:#999999;stroke-width:2;stroke-linecap:round"
+ id="path2980"
+ class="frame"
+ d="m 258,142 v -30 a 4,4 0 0 1 4,-4 h 26 a 4,4 0 0 1 4,4 v 30" />
+ <path
+ style="fill:none;stroke:#999999;stroke-width:2;stroke-linecap:round"
+ id="path2982"
+ class="frame"
+ d="m 308,142 v -30 a 4,4 0 0 1 4,-4 h 26 a 4,4 0 0 1 4,4 v 30" />
+ <path
+ style="fill:none;stroke:#999999;stroke-width:2;stroke-linecap:round"
+ id="path2984"
+ class="frame"
+ d="m 358,142 v -30 a 4,4 0 0 1 4,-4 h 26 a 4,4 0 0 1 4,4 v 30" />
+ <path
+ style="fill:none;stroke:#999999;stroke-width:2;stroke-linecap:round"
+ id="path2986"
+ class="frame"
+ d="m 408,142 v -30 a 4,4 0 0 1 4,-4 h 26 a 4,4 0 0 1 4,4 v 30" />
+ <path
+ style="fill:none;stroke:#999999;stroke-width:2;stroke-linecap:round"
+ id="path2988"
+ class="frame"
+ d="m 458,142 v -30 a 4,4 0 0 1 4,-4 h 26 a 4,4 0 0 1 4,4 v 30" />
+ <path
+ style="fill:none;stroke:#999999;stroke-width:2;stroke-linecap:round"
+ id="path2990"
+ class="frame"
+ d="m 542,42 h -30 a 4,4 0 0 1 -4,-4 V 8" />
+ <path
+ style="fill:none;stroke:#999999;stroke-width:2;stroke-linecap:round"
+ id="path2992"
+ class="frame"
+ d="m 542,58 h -30 a 4,4 0 0 0 -4,4 v 26 a 4,4 0 0 0 4,4 h 30" />
+ <path
+ style="fill:none;stroke:#999999;stroke-width:2;stroke-linecap:round"
+ id="path2994"
+ class="frame"
+ d="m 542,108 h -30 a 4,4 0 0 0 -4,4 v 30" />
+ <path
+ style="fill:none;stroke:#f2f2f2;stroke-width:6;stroke-linecap:round;stroke-opacity:1"
+ id="path2996"
+ class="a"
+ d="m 58,66 a 8,8 0 0 1 8,-8 h 18 a 8,8 0 0 1 8,8 v 18 a 8,8 0 0 1 -8,8 H 66 a 8,8 0 0 1 -8,-8 v -1 a 8,8 0 0 1 8,-8 h 26" />
+ <path
+ style="fill:none;stroke:#f2f2f2;stroke-width:6;stroke-linecap:round;stroke-opacity:1"
+ id="path2998"
+ class="c"
+ d="m 142,58 h -26 a 8,8 0 0 0 -8,8 v 18 a 8,8 0 0 0 8,8 h 26" />
+ <path
+ style="fill:none;stroke:#f2f2f2;stroke-width:6;stroke-linecap:round;stroke-opacity:1"
+ id="path3004"
+ class="m"
+ d="M 258,92 V 66 a 8,8 0 0 1 8,-8 h 26 a 8,8 0 0 1 8,8 v 26" />
+ <path
+ sodipodi:nodetypes="ccccccc"
+ style="fill:none;stroke:#f2f2f2;stroke-width:6;stroke-linecap:round;stroke-opacity:1"
+ id="path3006"
+ class="m"
+ d="m 300,92 0,-26 c 0,-4.18879 3.81121,-8 8,-8 l 26,0 c 4.18879,0 8,3.81121 8,8 L 342,88.671946 342,92" />
+ <path
+ style="fill:none;stroke:#f2f2f2;stroke-width:6;stroke-linecap:round;stroke-opacity:1"
+ id="path3008"
+ class="u"
+ d="m 358,58 v 26 a 8,8 0 0 0 8,8 h 18 a 8,8 0 0 0 8,-8 V 58" />
+ <path
+ style="fill:none;stroke:#f2f2f2;stroke-width:6;stroke-linecap:round;stroke-opacity:1"
+ id="path3010"
+ class="l"
+ d="m 408,58 v 26 a 8,8 0 0 0 8,8 h 26" />
+ <path
+ style="fill:none;stroke:#f2f2f2;stroke-width:6;stroke-linecap:round;stroke-opacity:1"
+ id="path3012"
+ class="a"
+ d="m 458,66 a 8,8 0 0 1 8,-8 h 18 a 8,8 0 0 1 8,8 v 18 a 8,8 0 0 1 -8,8 h -18 a 8,8 0 0 1 -8,-8 z" />
+ <g
+ inkscape:groupmode="layer"
+ id="layer1"
+ inkscape:label="Layer" />
+ <path
+ style="fill:none;stroke:#f2f2f2;stroke-width:6;stroke-linecap:round;stroke-opacity:1"
+ id="path2998-8"
+ class="c"
+ d="m 191.84921,58.003648 h -26 a 8,8 0 0 0 -8,8 v 18 a 8,8 0 0 0 8,8 h 26" />
+ <path
+ style="fill:none;stroke:#f2f2f2;stroke-width:6;stroke-linecap:round;stroke-opacity:1"
+ id="path3008-9"
+ class="u"
+ d="m 208.65998,58.001824 v 26 a 8,8 0 0 0 8,8 h 18 a 8,8 0 0 0 8,-8 v -26" />
+</svg>
