[ https://issues.apache.org/jira/browse/CAMEL-12998?focusedWorklogId=176490&page=com.atlassian.jira.plugin.system.issuetabpanels:worklog-tabpanel#worklog-176490 ]
ASF GitHub Bot logged work on CAMEL-12998: ------------------------------------------ Author: ASF GitHub Bot Created on: 18/Dec/18 11:43 Start Date: 18/Dec/18 11:43 Worklog Time Spent: 10m Work Description: zregvart closed pull request #3: [CAMEL-12998] Website design proposal URL: https://github.com/apache/camel-website/pull/3 This is a PR merged from a forked repository. As GitHub hides the original diff on merge, it is displayed below for the sake of provenance: As this is a foreign pull request (from a fork), the diff is supplied below (as it won't show otherwise due to GitHub magic): diff --git a/antora-ui-camel/src/css/base.css b/antora-ui-camel/src/css/base.css index 35391f8..6eae566 100644 --- a/antora-ui-camel/src/css/base.css +++ b/antora-ui-camel/src/css/base.css @@ -1,8 +1,9 @@ :root { - --color-text: #222; - --color-navbar-bg: #0a0a0a; - --color-navbar-bg-focus: #000; - --color-navbar-text: #fff; + --color-text: #000; + --color-navbar-bg: #fff; + --color-navbar-bg-focus: #ed8225; + --color-navbar-text: #ed8225; + --color-navbar-text-link-hover: #fff; } html, @@ -18,14 +19,15 @@ body { html { box-sizing: border-box; - font-family: "Droid Serif", "DejaVu Serif", serif; - font-size: 1.1em; + font-family: "Open Sans", "DejaVu Serif", serif; + font-size: 1em; text-size-adjust: 100%; } @media screen and (min-width: 1024px) { html { - font-size: 1.2em; + font-family: "Open Sans", "DejaVu Serif", serif; + font-size: 1em; } } @@ -37,10 +39,11 @@ body { a { text-decoration: none; + color: #ed8225; } a:hover { - text-decoration: underline; + text-decoration: none; } code, diff --git a/antora-ui-camel/src/css/footer.css b/antora-ui-camel/src/css/footer.css index a0f5cf5..882482a 100644 --- a/antora-ui-camel/src/css/footer.css +++ b/antora-ui-camel/src/css/footer.css @@ -1,8 +1,7 @@ footer.footer { - font-size: 0.85rem; - background-color: #2c2c2c; - color: #8e8e8e; padding: 0.5rem 1rem; + min-height: 200px; + text-align: center; } .footer p { @@ -10,5 +9,5 @@ footer.footer { } .footer a { - color: #5d5d5d; + color: #ed8225; } diff --git a/antora-ui-camel/src/css/header.css b/antora-ui-camel/src/css/header.css index 0bb4ec0..54eb698 100644 --- a/antora-ui-camel/src/css/header.css +++ b/antora-ui-camel/src/css/header.css @@ -1,5 +1,5 @@ :root { - --navbar-height: 3.25rem; + --navbar-height: 4.25rem; } html.is-clipped--navbar { @@ -13,7 +13,7 @@ body { .navbar { background-color: var(--color-navbar-bg); color: var(--color-navbar-text); - font-size: 0.83333rem; + font-size: 1rem; height: var(--navbar-height); position: fixed; top: 0; @@ -30,6 +30,7 @@ body { .navbar-brand .navbar-item:first-child a { color: var(--color-navbar-text); font-size: 1.15rem; + width: 180px; } .navbar-brand .separator { @@ -45,7 +46,7 @@ body { .navbar-end > a.navbar-item:hover, .navbar-end .navbar-link:hover { background-color: var(--color-navbar-bg-focus); - color: var(--color-navbar-text); + color: var(--color-navbar-text-link-hover); } .navbar-end .navbar-link::after { @@ -54,7 +55,7 @@ body { .navbar-item.has-dropdown:hover .navbar-link { background-color: var(--color-navbar-bg-focus); - color: var(--color-navbar-text); + color: var(--color-navbar-text-link-hover); } } @@ -63,6 +64,12 @@ body { display: flex; flex-shrink: 0; height: var(--navbar-height); + background-image: url('../img/logo-camel-medium.png'); + background-repeat: no-repeat; + background-size: 160px; + background-position-x: 10px; + background-position-y: 10px; + width: 180px; } .navbar-burger { diff --git a/antora-ui-camel/src/css/main.css b/antora-ui-camel/src/css/main.css index facfd77..a335978 100644 --- a/antora-ui-camel/src/css/main.css +++ b/antora-ui-camel/src/css/main.css @@ -9,3 +9,220 @@ min-width: 0; } } + +.container { + margin: 0 auto; + position: relative; + padding-bottom: 50px; +} + +.centered { + max-width: 500px; + margin: 0 auto; + text-align: center; +} + +@media screen and (min-width: 1088px) { + .container { + max-width: 960px; + width: 960px; + } +} + +@media screen and (min-width: 1280px) { + .container { + max-width: 1152px; + width: 1152px; + } +} + +.full-height { + min-height: 100vh; +} + +.bg-grey { + background-color: #fbfbfb; +} + +.bg-orange { + background-color: #ed8225; +} + +.bg-brown { + background-color: #6c5d53; +} + +.text-white { + color: #fff; +} + +.text-orange { + color: #ed8225; +} + +.text-brown { + color: #6c5d53; +} + +.muted { + color: #999; +} + +.title { + font-size: 1.85em; + padding-top: 50px; +} + +.subtitle { + font-size: 1.45em; + font-weight: normal; +} + +.logo-big { + width: 200px; + height: 200px; +} + +.logo-small { + width: 100px; + height: 100px; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.column.logo { + margin-top: 100px; +} + +.columns:not(.is-desktop) { + display: flex; +} + +.columns.centered { + align-items: center; +} + +.columns:last-child { + margin-bottom: -0.75rem; +} + +.columns { + margin-left: -0.75rem; + margin-right: -0.75rem; + margin-top: -0.75rem; +} + +.column.col-8 { + flex: none; + width: 66.6667%; +} + +.column.col-7 { + flex: none; + width: 58.33333333%; +} + +.column.col-6 { + flex: none; + width: 50%; +} + +.column.col-5 { + flex: none; + width: 41.66666667%; +} + +.column.col-4 { + flex: none; + width: 33.3333%; +} + +.colum.col-3 { + flex: none; + width: 25%; +} + +.column.col-offset-1 { + margin-left: 8.33333333%; +} + +.column { + display: block; + flex-basis: 0; + flex-grow: 1; + padding: 0.75rem; +} + +.card { + width: 300px; + height: 320px; + background-color: #fff; + border-radius: 3px; + margin: 0 auto; + border: 1px solid #ededed; +} + +.mt-60 { + margin-top: 60px; +} + +.card .card-text { + padding: 20px; +} + +.card .card-title { + padding: 20px; +} + +.shadow { + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; +} + +.border-bottom { + border-bottom: 1px solid #dee2e6 !important; +} + +.divider { + height: 3px; + border-radius: 50px; + background: #ed8225; + width: 60px; +} + +.primary-btn { + outline: 0; + border-color: #ed8225; + background-color: #ed8225; + color: #fff; + transition: all 0.5s; + border-radius: 500px; + font-family: "Open Sans", sans-serif; + font-size: 1rem; + font-weight: 600; + padding: 16px 40px; +} + +.primary-btn a { + color: white; + text-decoration: none; +} + +.primary-btn a:hover { + text-decoration: none; +} + +.button { + height: 48px; +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.text-small { + font-size: small; +} diff --git a/antora-ui-camel/src/img/apache-logo.png b/antora-ui-camel/src/img/apache-logo.png new file mode 100644 index 0000000..769fb14 Binary files /dev/null and b/antora-ui-camel/src/img/apache-logo.png differ diff --git a/antora-ui-camel/src/img/camel-1.svg b/antora-ui-camel/src/img/camel-1.svg new file mode 100644 index 0000000..be9390a --- /dev/null +++ b/antora-ui-camel/src/img/camel-1.svg @@ -0,0 +1,272 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<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:xlink="http://www.w3.org/1999/xlink" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="141.21454mm" + height="40.978458mm" + viewBox="0 0 141.21454 40.978458" + version="1.1" + id="svg2343" + inkscape:version="0.92.3 (2405546, 2018-03-11)" + sodipodi:docname="camel-1.svg"> + <defs + id="defs2337"> + <linearGradient + inkscape:collect="always" + xlink:href="#SVGID_1_-0" + id="linearGradient4866" + gradientUnits="userSpaceOnUse" + x1="333.48315" + y1="702.59973" + x2="477.00238" + y2="563.7301" /> + <linearGradient + id="SVGID_1_-0" + gradientUnits="userSpaceOnUse" + x1="-4229.6655" + y1="-4143.6401" + x2="-3987.5886" + y2="-3860.573" + gradientTransform="matrix(0.4226,-0.9063,0.9063,0.4226,6189.0356,-1936.8361)"> + <stop + offset="0" + style="stop-color:#F69923" + id="stop3286-8" /> + <stop + offset="0.10995827" + style="stop-color:#F79A23" + id="stop3288-2" /> + <stop + offset="0.94502056" + style="stop-color:#E97826" + id="stop3290-2" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3949" + id="linearGradient4868" + gradientUnits="userSpaceOnUse" + x1="333.48315" + y1="702.59973" + x2="477.00238" + y2="563.7301" /> + <linearGradient + gradientTransform="matrix(0.4226,-0.9063,0.9063,0.4226,6189.0356,-1936.8361)" + y2="-3860.573" + x2="-3987.5886" + y1="-4143.6401" + x1="-4229.6655" + gradientUnits="userSpaceOnUse" + id="linearGradient3949"> + <stop + id="stop3951" + style="stop-color:#F69923" + offset="0" /> + <stop + id="stop3953" + style="stop-color:#F79A23" + offset="0.08047844" /> + <stop + id="stop3955" + style="stop-color:#E97826" + offset="0.41874287" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient4556" + id="linearGradient4870" + gradientUnits="userSpaceOnUse" + x1="633.55072" + y1="814.59906" + x2="566.47131" + y2="909.11664" /> + <linearGradient + gradientTransform="matrix(0.4226,-0.9063,0.9063,0.4226,6189.0356,-1936.8361)" + y2="-3860.573" + x2="-3987.5886" + y1="-4143.6401" + x1="-4229.6655" + gradientUnits="userSpaceOnUse" + id="linearGradient4556"> + <stop + id="stop4558" + style="stop-color:#f6e423;stop-opacity:1" + offset="0" /> + <stop + id="stop4560" + style="stop-color:#F79A23" + offset="0.41190839" /> + <stop + id="stop4562" + style="stop-color:#E97826" + offset="0.73270744" /> + </linearGradient> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="0.0" + inkscape:pageshadow="2" + inkscape:zoom="1.4" + inkscape:cx="342.57641" + inkscape:cy="5.0030723" + inkscape:document-units="mm" + inkscape:current-layer="g4767" + showgrid="false" + fit-margin-top="0" + fit-margin-left="0" + fit-margin-right="0" + fit-margin-bottom="0" + inkscape:window-width="3726" + inkscape:window-height="2049" + inkscape:window-x="114" + inkscape:window-y="55" + inkscape:window-maximized="1" /> + <metadata + id="metadata2340"> + <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></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:label="Layer 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(210.45846,-18.464318)"> + <g + id="g4839" + transform="matrix(0.31520401,0,0,0.31520401,-253.46401,-173.70098)"> + <g + id="g4763" + transform="translate(73.918961,19.51005)" + inkscape:export-filename="/home/zregvart/workspaces/camel-salesforce/camel/docs/img/logo-medium.png" + inkscape:export-xdpi="106.96" + inkscape:export-ydpi="106.96"> + <g + transform="translate(-72.023152,20.160046)" + id="g4765"> + <g + style="font-size:27.92029381px;font-family:Sans;letter-spacing:0px;word-spacing:0px;fill:#6c5d53" + id="g4767"> + <path + inkscape:connector-curvature="0" + d="m 335.43979,637.17977 c 9.45999,0 13.75,5.28001 14.63,11.33 h 2.42 l -1.1,-13.97 h -2.53 c 0,1.32 -0.55,2.2 -1.32,2.2 -2.09,0 -6.6,-3.3 -12.21,-3.3 -17.26998,0 -33.33,12.87002 -33.33,34.21 0,16.71998 11.22002,32.34 31.68,32.34 13.52999,0 19.91,-7.70001 22.66,-14.3 l -2.64,-1.32 c -1.98,5.39 -10.12001,11.88 -17.82,11.88 -11.43999,0 -22.44,-10.56002 -22.44,-31.02 0,-16.71998 9.46001,-28.05 22,-28.05" + style="-inkscape-font-specification:'Judson Medium'" + id="path4769" /> + <path + inkscape:connector-curvature="0" + d="m 371.57479,658.62977 c 1.1,-4.29 5.50001,-5.28 11.22,-5.28 8.57999,0 11,6.05001 11,17.82 -11.10999,3.19 -31.02,5.17001 -31.02,15.4 0,10.55999 7.26001,13.42 16.5,13.42 7.69999,0 12.98,-2.42 16.17,-4.73 1.76,3.52 4.62,4.51 7.81,4.51 7.58999,0 10.12,-1.87 10.12,-5.94 h -1.98 c 0,1.54 -1.87,2.64 -3.74,2.64 -1.87,0 -3.96,-1.76 -3.96,-6.82 v -21.78 c 0,-10.22999 -5.39001,-18.48 -19.8,-18.48 -11.54999,0 -18.15,4.40001 -18.15,12.1 0,3.3 1.87,5.5 4.73,5.5 2.31,0 4.95,-1.1 4.95,-3.85 0,-3.41 -2.09,-4.51 -3.85,-4.51 m 22.88,33.88 c -3.41,2.09 -8.91,3.74 -13.31,3.74 -4.94999,0 -8.14,-1.98001 -8.14,-9.46 0,-8.90999 13.09001,-10.78 20.79,-13.2 v 12.98 c 0,2.31 0.22,4.29 0.66,5.94" + style="-inkscape-font-specification:'Judson Medium'" + id="path4771" /> + <path + inkscape:connector-curvature="0" + d="m 415.7312,698.88977 h 23.76 v -2.31 c -4.62,0 -6.27,-0.66 -6.93,-2.2 v -36.41 c 2.52999,-2.31 6.49,-4.84 11.55,-4.84 6.59999,0 9.24,3.19001 9.24,12.87 v 28.38 c -0.66,1.54 -2.31001,2.2 -6.93,2.2 v 2.31 h 23.76 v -2.31 c -4.62,0 -6.27,-0.66 -6.93,-2.2 v -32.45 c 0,-1.21 -0.11,-2.42 -0.44,-3.52 2.52999,-2.42 6.6,-5.28 11.99,-5.28 6.59999,0 9.24,3.19001 9.24,12.87 v 28.38 c -0.66,1.54 -2.31001,2.2 -6.93,2.2 v 2.31 h 23.76 v -2.31 c -4.62,0 -6.27,-0.66 -6.93,-2.2 v -32.45 c 0,-7.91999 -5.50002,-12.54 -18.48,-12.54 -6.16,0 -11.00001,3.52 -13.75,6.38 -2.42,-4.07 -7.81001,-6.38 -16.94,-6.38 -5.17,0 -9.35001,2.53 -12.21,4.95 v -4.95 c -4.95,0 -12.54001,4.73 -16.83,4.73 v 2.53 c 1.65,0 4.18,0.33 6.93,0.55 v 37.18 c -0.66,1.54 -2.31001,2.2 -6.93,2.2 v 2.31" + style="-inkscape-font-specification:'Judson Medium'" + id="path4773" /> + <path + inkscape:connector-curvature="0" + d="m 517.08073,672.37977 h 35.31 c 0,-12.09999 -6.60002,-22.99 -23.1,-22.99 -14.73999,0 -22.66,10.56001 -22.66,22.88 0,22.21998 13.64001,27.72 23.76,27.72 11.43999,0 17.6,-3.30001 21.78,-10.12 l -2.64,-1.32 c -4.4,5.5 -9.02001,7.26 -15.4,7.26 -8.68999,0 -16.83,-11.11001 -17.05,-23.43 m 0.11,-3.41 c 0.99,-10.11999 6.82,-16.28 11.66,-16.28 9.78999,0 11.99,7.15001 12.76,16.28 h -24.42" + style="-inkscape-font-specification:'Judson Medium'" + id="path4775" /> + <path + inkscape:connector-curvature="0" + d="m 558.79135,698.88977 h 23.76 v -2.31 c -4.61999,0 -6.27,-0.66 -6.93,-2.2 v -64.79 c -4.94999,0 -12.54,4.73 -16.83,4.73 v 2.53 c 1.65,0 4.18001,0.33 6.93,0.55 v 56.98 c -0.66,1.54 -2.31,2.2 -6.93,2.2 v 2.31" + style="-inkscape-font-specification:'Judson Medium'" + id="path4777" /> + </g> + <g + transform="matrix(0.35549945,0,0,0.35549945,203.40098,388.26524)" + id="g4779"> + <path + style="fill:#d22128" + inkscape:connector-curvature="0" + d="m 280.2335,639.49652 27.23347,-65.09625 h 5.22662 l 27.23347,65.09625 h -6.87714 l -8.43962,-20.35633 h -29.24709 l -8.3406,20.35633 z m 29.89629,-57.58091 -13.39116,32.18501 h 26.40821 z" + id="path4781" /> + <path + style="fill:#d22128" + inkscape:connector-curvature="0" + d="m 346.95825,639.49652 v -65.09625 h 26.95838 c 11.19048,0 19.25599,10.36523 19.25599,20.44436 0,10.64031 -7.51534,20.63142 -18.70582,20.63142 h -21.18159 v 24.02047 z m 6.32696,-29.70924 h 20.80748 c 7.70239,0 12.65393,-7.0642 12.65393,-14.94265 0,-8.16454 -6.05188,-14.76659 -13.20411,-14.76659 h -20.2573 z" + id="path4783" /> + <path + style="fill:#d22128" + inkscape:connector-curvature="0" + d="m 389.60751,639.49652 27.23347,-65.09625 h 5.22663 l 27.23346,65.09625 h -6.87713 l -8.43963,-20.35633 h -29.24709 l -8.3406,20.35633 z m 29.8853,-57.58091 -13.39117,32.18501 h 26.40821 z" + id="path4785" /> + <path + style="fill:#d22128" + inkscape:connector-curvature="0" + d="m 480.09965,574.03716 c 11.5536,0 19.98222,5.86482 24.02047,14.21642 l -5.1386,3.11397 c -4.12628,-8.61568 -12.19179,-11.55359 -19.25598,-11.55359 -15.59185,0 -24.1085,13.94133 -24.1085,27.04641 0,14.39247 10.54128,27.40952 24.38358,27.40952 7.33928,0 15.95496,-3.66414 20.08125,-12.10376 l 5.31465,2.75085 c -4.21431,9.71602 -15.7679,15.12971 -25.75901,15.12971 -17.88056,0 -30.43547,-17.05531 -30.43547,-33.56044 0,-15.67988 11.26751,-32.44909 30.89761,-32.44909 z" + id="path4787" /> + <path + style="fill:#d22128" + inkscape:connector-curvature="0" + d="m 565.69527,574.40027 v 65.09625 h -6.41499 v -30.43547 h -38.6 v 30.43547 h -6.32698 v -65.09625 h 6.32698 v 28.97201 h 38.6 v -28.97201 z" + id="path4789" /> + <path + style="fill:#d22128" + inkscape:connector-curvature="0" + d="m 624.13445,633.80775 v 5.68877 h -43.7386 v -65.09625 h 42.91334 v 5.68877 h -36.58638 v 23.4703 h 31.90993 v 5.40268 h -31.90993 v 24.84573 z" + id="path4791" /> + <path + style="fill:#6d6e71" + inkscape:connector-curvature="0" + d="m 640.17744,573.74007 c 0.99031,0.99031 1.48546,2.18968 1.48546,3.58711 0,1.39744 -0.49515,2.59681 -1.48546,3.59812 -0.99031,1.00131 -2.20069,1.50747 -3.60912,1.50747 -1.41945,0 -2.61882,-0.49515 -3.59812,-1.48546 -0.97931,-0.99031 -1.47446,-2.18968 -1.47446,-3.58712 0,-1.39743 0.49515,-2.5968 1.48546,-3.59812 0.99031,-1.00131 2.18968,-1.50746 3.59812,-1.50746 1.40844,0 2.60781,0.49515 3.59812,1.48546 z m -0.42914,6.7671 c 0.86927,-0.88027 1.29841,-1.9366 1.29841,-3.16898 0,-1.23239 -0.42914,-2.27771 -1.2874,-3.14698 -0.85827,-0.86927 -1.9146,-1.30941 -3.15798,-1.30941 -1.24339,0 -2.29972,0.44014 -3.16899,1.30941 -0.85827,0.88027 -1.2984,1.9366 -1.2984,3.16898 0,1.23239 0.42913,2.28871 1.27639,3.15798 0.85827,0.86928 1.9036,1.30941 3.14698,1.30941 1.24339,0 2.32172,-0.44013 3.19099,-1.32041 z m -0.71522,-4.14829 c 0,0.91329 -0.39612,1.48546 -1.19937,1.71654 l 1.46345,1.98061 h -1.17736 l -1.32041,-1.83757 h -1.21038 v 1.83757 h -0.9573 v -5.50171 h 2.06865 c 0.83626,0 1.43044,0.14304 1.79355,0.42913 0.36312,0.28609 0.53917,0.74824 0.53917,1.37543 z m -1.22138,0.77024 c 0.18706,-0.15405 0.28609,-0.41813 0.28609,-0.78124 0,-0.36311 -0.099,-0.61619 -0.29709,-0.74823 -0.19806,-0.14305 -0.53917,-0.20907 -1.04533,-0.20907 h -1.16636 v 1.98062 h 1.14436 c 0.52816,0 0.88027,-0.077 1.07833,-0.24208 z" + id="path4793" /> + </g> + </g> + <g + transform="translate(-5.4017408,7.3976335)" + id="g4795" /> + </g> + <g + id="g4801" + transform="translate(-386.87395,-169.40258)"> + <g + transform="translate(216.2639,-21.04569)" + id="g4803"> + <circle + r="63.02026" + cy="629.22614" + cx="412.33255" + style="fill:url(#linearGradient4866);stroke:url(#linearGradient4868);stroke-width:5;stroke-linejoin:round" + id="path4805" + transform="matrix(0.99205956,0,0,0.99205956,-36.8047,240.87219)" /> + </g> + <path + id="path4807" + d="m 573.3125,817.40625 c -0.88906,-10e-4 -1.78972,0.005 -2.6875,0.0312 -1.0437,0.0308 -2.44587,0.36218 -4.0625,0.90625 27.30936,20.73702 37.12671,58.14612 20.25,90.65625 0.57317,0.0149 1.14197,0.0625 1.71875,0.0625 30.8438,0 56.61984,-21.49325 63.28125,-50.3125 -19.57261,-22.9434 -46.11809,-41.29445 -78.5,-41.34375 z" + style="opacity:0.75;fill:url(#linearGradient4870)" + inkscape:connector-curvature="0" /> + <path + id="path4809" + d="m 566.5625,818.34375 c -9.06824,3.05185 -26.36759,13.8017 -43,28.15625 1.26312,34.19531 28.96142,61.60672 63.25,62.5 16.87671,-32.51013 7.05936,-69.91923 -20.25,-90.65625 z" + style="opacity:0.75;fill:#28170b" + inkscape:connector-curvature="0" /> + <g + id="g4811"> + <path + id="path4813" + d="m 590.31114,806.30878 c -0.47239,-0.0321 -0.93151,0.0284 -1.375,0.25 -5.59922,2.80111 0,14 0,14 -16.80659,14.00851 -13.23603,37.9375 -32.84375,37.9375 -10.68885,0 -21.32208,-12.29336 -32.53125,-19.8125 -0.1443,1.77333 -0.25,3.56448 -0.25,5.375 0,24.51458 13.51013,45.86312 33.46875,57.06251 5.58277,-0.70321 11.15751,-2.11392 15.34375,-4.90625 21.99196,-14.6623 27.4523,-42.55657 36.4375,-56.03126 5.59618,-8.4063 31.82432,-7.67689 33.59375,-11.21875 2.80409,-5.6022 -5.60209,-14 -8.40625,-14 h -22.40625 c -1.56551,0 -4.02528,-2.78125 -5.59375,-2.78125 h -8.40625 c 0,0 -3.72451,-5.65027 -7.03125,-5.875 z" + style="fill:#ffffff" + inkscape:connector-curvature="0" /> + </g> + </g> + </g> + </g> +</svg> diff --git a/antora-ui-camel/src/img/camel-2.svg b/antora-ui-camel/src/img/camel-2.svg new file mode 100644 index 0000000..b28d01f --- /dev/null +++ b/antora-ui-camel/src/img/camel-2.svg @@ -0,0 +1,186 @@ +<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> + +<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:xlink="http://www.w3.org/1999/xlink" + xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" + xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" + width="34.45047mm" + height="34.397461mm" + viewBox="0 0 34.45047 34.397461" + version="1.1" + id="svg3027" + inkscape:version="0.92.3 (2405546, 2018-03-11)" + sodipodi:docname="camel-2.svg"> + <defs + id="defs3021"> + <linearGradient + inkscape:collect="always" + xlink:href="#SVGID_1_-0" + id="linearGradient4884" + gradientUnits="userSpaceOnUse" + x1="333.48315" + y1="702.59973" + x2="477.00238" + y2="563.7301" /> + <linearGradient + id="SVGID_1_-0" + gradientUnits="userSpaceOnUse" + x1="-4229.6655" + y1="-4143.6401" + x2="-3987.5886" + y2="-3860.573" + gradientTransform="matrix(0.4226,-0.9063,0.9063,0.4226,6189.0356,-1936.8361)"> + <stop + offset="0" + style="stop-color:#F69923" + id="stop3286-8" /> + <stop + offset="0.10995827" + style="stop-color:#F79A23" + id="stop3288-2" /> + <stop + offset="0.94502056" + style="stop-color:#E97826" + id="stop3290-2" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient3949" + id="linearGradient4886" + gradientUnits="userSpaceOnUse" + x1="333.48315" + y1="702.59973" + x2="477.00238" + y2="563.7301" /> + <linearGradient + gradientTransform="matrix(0.4226,-0.9063,0.9063,0.4226,6189.0356,-1936.8361)" + y2="-3860.573" + x2="-3987.5886" + y1="-4143.6401" + x1="-4229.6655" + gradientUnits="userSpaceOnUse" + id="linearGradient3949"> + <stop + id="stop3951" + style="stop-color:#F69923" + offset="0" /> + <stop + id="stop3953" + style="stop-color:#F79A23" + offset="0.08047844" /> + <stop + id="stop3955" + style="stop-color:#E97826" + offset="0.41874287" /> + </linearGradient> + <linearGradient + inkscape:collect="always" + xlink:href="#linearGradient4556" + id="linearGradient4888" + gradientUnits="userSpaceOnUse" + x1="633.55072" + y1="814.59906" + x2="566.47131" + y2="909.11664" /> + <linearGradient + gradientTransform="matrix(0.4226,-0.9063,0.9063,0.4226,6189.0356,-1936.8361)" + y2="-3860.573" + x2="-3987.5886" + y1="-4143.6401" + x1="-4229.6655" + gradientUnits="userSpaceOnUse" + id="linearGradient4556"> + <stop + id="stop4558" + style="stop-color:#f6e423;stop-opacity:1" + offset="0" /> + <stop + id="stop4560" + style="stop-color:#F79A23" + offset="0.41190839" /> + <stop + id="stop4562" + style="stop-color:#E97826" + offset="0.73270744" /> + </linearGradient> + </defs> + <sodipodi:namedview + id="base" + pagecolor="#ffffff" + bordercolor="#666666" + borderopacity="1.0" + inkscape:pageopacity="0.0" + inkscape:pageshadow="2" + inkscape:zoom="1.4" + inkscape:cx="-873.46818" + inkscape:cy="53.5745" + inkscape:document-units="mm" + inkscape:current-layer="layer1" + showgrid="false" + fit-margin-top="0" + fit-margin-left="0" + fit-margin-right="0" + fit-margin-bottom="0" + inkscape:window-width="3726" + inkscape:window-height="2049" + inkscape:window-x="114" + inkscape:window-y="55" + inkscape:window-maximized="1" /> + <metadata + id="metadata3024"> + <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></dc:title> + </cc:Work> + </rdf:RDF> + </metadata> + <g + inkscape:label="Layer 1" + inkscape:groupmode="layer" + id="layer1" + transform="translate(-111.28667,-128.61079)"> + <g + id="g4564" + transform="matrix(0.26458333,0,0,0.26458333,-27.172735,-77.514517)"> + <g + transform="translate(216.2639,-21.04569)" + id="g4478"> + <circle + r="63.02026" + cy="629.22614" + cx="412.33255" + style="fill:url(#linearGradient4884);stroke:url(#linearGradient4886);stroke-width:5;stroke-linejoin:round" + id="path4222" + transform="matrix(0.99205956,0,0,0.99205956,-36.8047,240.87219)" /> + </g> + <path + id="path4491" + d="m 573.3125,817.40625 c -0.88906,-10e-4 -1.78972,0.005 -2.6875,0.0312 -1.0437,0.0308 -2.44587,0.36218 -4.0625,0.90625 27.30936,20.73702 37.12671,58.14612 20.25,90.65625 0.57317,0.0149 1.14197,0.0625 1.71875,0.0625 30.8438,0 56.61984,-21.49325 63.28125,-50.3125 -19.57261,-22.9434 -46.11809,-41.29445 -78.5,-41.34375 z" + style="opacity:0.75;fill:url(#linearGradient4888)" + inkscape:connector-curvature="0" /> + <path + id="path4496" + d="m 566.5625,818.34375 c -9.06824,3.05185 -26.36759,13.8017 -43,28.15625 1.26312,34.19531 28.96142,61.60672 63.25,62.5 16.87671,-32.51013 7.05936,-69.91923 -20.25,-90.65625 z" + style="opacity:0.75;fill:#28170b" + inkscape:connector-curvature="0" /> + <g + id="g4483"> + <path + id="path4224-2" + d="m 590.31114,806.30878 c -0.47239,-0.0321 -0.93151,0.0284 -1.375,0.25 -5.59922,2.80111 0,14 0,14 -16.80659,14.00851 -13.23603,37.9375 -32.84375,37.9375 -10.68885,0 -21.32208,-12.29336 -32.53125,-19.8125 -0.1443,1.77333 -0.25,3.56448 -0.25,5.375 0,24.51458 13.51013,45.86312 33.46875,57.06251 5.58277,-0.70321 11.15751,-2.11392 15.34375,-4.90625 21.99196,-14.6623 27.4523,-42.55657 36.4375,-56.03126 5.59618,-8.4063 31.82432,-7.67689 33.59375,-11.21875 2.80409,-5.6022 -5.60209,-14 -8.40625,-14 h -22.40625 c -1.56551,0 -4.02528,-2.78125 -5.59375,-2.78125 h -8.40625 c 0,0 -3.72451,-5.65027 -7.03125,-5.875 z" + style="fill:#ffffff" + inkscape:connector-curvature="0" /> + </g> + </g> + </g> +</svg> diff --git a/antora-ui-camel/src/img/logo-camel-medium.png b/antora-ui-camel/src/img/logo-camel-medium.png new file mode 100644 index 0000000..36701f7 Binary files /dev/null and b/antora-ui-camel/src/img/logo-camel-medium.png differ diff --git a/layouts/index.html b/layouts/index.html index 051e884..9fb19f1 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,3 +1,146 @@ {{ partial "header.html" . }} -{{ partial "footer.html" . }} \ No newline at end of file +<div class="container"> + <div class="columns"> + <div class="column col-5 col-offset-1"> + <h1 class="title">Integration that you want!</h1> + <h2 class="subtitle muted">Camel empowers you to define routing and mediation rules in a variety of domain-specific languages.</h2> + <p class="mt-60"><a href="#" class="primary-btn">Get started</a> + </p> + </div> + <div class="column col-5 col-offset-1 logo"> + <img src="./_/img/camel-2.svg" class="logo-big"/> + </div> + </div> +</div> + +<section class="bg-grey"> + <div class="container centered"> + <h1 class="title">Apache Camel provides support</h1> + <h2 class="subtitle muted">Bean Binding and seamless integration with popular frameworks such as CDI, Spring, Blueprint and Guice</h2> + <div class="divider centered"></div> + </div> + <div class="container"> + <div class="columns"> + <div class="column col-4"> + <div class="card centered"> + <div class="card-title"><h3>Enterprise Integration Patterns</h3></div> + <div class="card-text muted"> + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </div> + </div> + </div> + <div class="column col-4"> + <div class="card centered"> + <div class="card-title"><h3>Components</h3></div> + <div class="card-text muted"> + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </div> + </div> + </div> + <div class="column col-4"> + <div class="card centered"> + <div class="card-title"><h3>Data Format</h3></div> + <div class="card-text muted"> + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </div> + </div> + </div> + </div> + </div> +</section> + +<section> + <div class="container"> + <div class="columns"> + <div class="column col-5"> + <h1 class="title">Running Apache Camel</h1> + <h2 class="subtitle muted">The following projects can leverage Apache Camel as a routing and mediation engine</h2> + <div class="divider"></div> + </div> + <div class="column col-7 mt-60"> + <h3>Apache ServiceMix</h3> + <p class="muted">Popular distributed open source ESB and JBI container.</p> + <h3>Apache ActiveMQ</h3> + <p class="muted">Mature, widely used open source message broker.</p> + <h3>Apache CXF</h3> + <p class="muted">Smart web services suite (JAX-WS and JAX-RS).</p> + <h3>Apache Karaf</h3> + <p class="muted">Small OSGi based runtime in which applications can be deployed</p> + <h3>Apache Mina</h3> + <p class="muted">High-performance NIO-driven networking framework.</p> + </div> + </div> + </div> +</section> + +<section class="bg-grey"> + <div class="container centered"> + <h1 class="title">Camel K</h1> + <h2 class="subtitle muted">Apache Camel K is a lightweight integration framework built from Apache Camel that runs + natively on Kubernetes and is specifically designed for serverless and microservice architectures.</h2> + <p class="mt-60"><a href="#" class="primary-btn">Get started</a></p> + </div> +</section> + + +<section> + <div class="container"> + <div class="columns"> + <div class="column col-7"> + <h1 class="title">Apache & OpenSource</h1> + <h2 class="subtitle muted">Camel is your project!</h2> + + <p class="muted"> + Camel is an <a href="https://www.apache.org">Apache Software Foundation</a> project, available under the Apache v2 license.<br/> + It's a complete open community, always listening proposals and comments.<br/> + <a href="community.html">Sources</a>, <a href="community.html">mailing lists</a>, <a href="community.html">issue tracker</a>: it's fully open, you can access directly.<br/> + We also love contributions : don't hesitate to <a href="community.html">contribute</a>. + </p> + <p> + <a href="community.html">Be Involved In The Community</a> | + <a href="community.html">How To Contribute</a> + </p> + </div> + <div class="column col-5 logo"> + <img src="./_/img/apache-logo.png" class="img-fluid"/> + </div> + </div> + </div> +</section> + +<section class="bg-orange"> + <div class="container centered text-white"> + <h1 class="title">Latest news</h1> + </div> + <div class="container"> + <div class="columns"> + <div class="column col-4"> + <div class="card"> + <div class="card-title"><h4>Release </h4></div> + <div class="card-text muted"> + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </div> + </div> + </div> + <div class="column col-4"> + <div class="card"> + <div class="card-title"><h4>Component</h4></div> + <div class="card-text muted"> + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </div> + </div> + </div> + <div class="column col-4"> + <div class="card"> + <div class="card-title"><h4>Event</h4></div> + <div class="card-text muted"> + Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + </div> + </div> + </div> + </div> + </div> +</section> + +{{ partial "footer.html" . }} diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index 7e04258..fa36839 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,4 +1,51 @@ - <footer class="footer"> + <footer class="footer bg-brown text-white"> + <div class="container"> + <div class="columns"> + <div class="column col-3"> + <img src="./_/img/camel-2.svg" class="logo-small mt-60"/> + </div> + <div class="column col-3"> + <h4>Overview</h4> + <ul class="list-unstyled"> + <li><a href="news.html">News</a></li> + <li><a href="news.html">Components</a></li> + <li><a href="news.html">Download</a></li> + <li><a href="news.html">Getting started</a></li> + <li><a href="news.html">FAQ</a></li> + </ul> + </div> + <div class="column col-3"> + <h4>Community</h4> + <ul class="list-unstyled"> + <li><a href="news.html">Support</a></li> + <li><a href="news.html">Contributing</a></li> + <li><a href="news.html">User stories</a></li> + <li><a href="news.html">Article</a></li> + <li><a href="news.html">Team</a></li> + <li><a href="news.html">Camel extra</a></li> + </ul> + </div> + <div class="column col-3"> + <h4>About</h4> + <ul class="list-unstyled"> + <li><a target="_blank" href="https://www.apache.org/events/current-event.html" title="Apache Events">Apache Events</a></li> + <li><a target="_blank" href="https://www.apache.org/licenses/" title="License">License</a></li> + <li><a target="_blank" href="https://www.apache.org/security/" title="Security">Security</a></li> + <li><a target="_blank" href="https://www.apache.org/foundation/sponsorship.html" title="Sponsorship">Sponsorship</a></li> + <li><a target="_blank" href="https://www.apache.org/foundation/thanks.html" title="Thanks">Thanks</a></li> + </ul> + </div> + </div> + </div> + <div class="container"> + © 2004-2018 The Apache Software Foundation.<br> + Apache Camel, Camel, Apache, the Apache feather logo, and the Apache Camel project logo are trademarks of + The Apache Software Foundation. All other marks mentioned may be trademarks or registered trademarks of + their respective owners. + </div> </footer> + <script src="{{ "/_/js/site.js" | relURL }}"></script> + <script src="{{ "/_/js/vendor/highlight.js" | relURL }}"></script> + <script>hljs.initHighlighting()</script> </body> </html> diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 0d15d0d..a01f825 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -16,9 +16,9 @@ <head> <body class="article"> - <nav class="navbar"> + <nav class="navbar shadow border-bottom"> <div class="navbar-brand"> - <a class="navbar-item" href="{{ .Site.BaseURL | relURL }}">Apache Camel</a> + <a class="navbar-item" href="{{ .Site.BaseURL | relURL }}"></a> <button class="navbar-burger" data-target="topbar-nav"> <span></span> <span></span> @@ -44,4 +44,4 @@ </div> </div> </nav> - </header> \ No newline at end of file + </header> diff --git a/package.json b/package.json index a564821..a0989e5 100644 --- a/package.json +++ b/package.json @@ -15,5 +15,7 @@ "gulp-htmlmin": "^5.0.1", "hugo-bin": "^0.39.0", "npm-run-all": "^4.1.5" - } + }, + "version": "1.0.0-SNAPSHOT", + "license": "Apache-2.0" } ---------------------------------------------------------------- This is an automated message from the Apache Git Service. To respond to the message, please log on GitHub and use the URL above to go to the specific comment. For queries about this service, please contact Infrastructure at: us...@infra.apache.org Issue Time Tracking ------------------- Worklog Id: (was: 176490) Time Spent: 20m (was: 10m) > Website design > -------------- > > Key: CAMEL-12998 > URL: https://issues.apache.org/jira/browse/CAMEL-12998 > Project: Camel > Issue Type: Sub-task > Components: website > Reporter: Zoran Regvart > Priority: Major > Labels: help-wanted > Time Spent: 20m > Remaining Estimate: 0h > > This is an issue to gather thoughts and contributions around the design of > the website. > Perhaps we can start by having some rough wireframes or mockups and gather > some community feedback on them before we go and implement. -- This message was sent by Atlassian JIRA (v7.6.3#76005)