karaf-issues mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "ASF GitHub Bot (JIRA)" <j...@apache.org>
Subject [jira] [Commented] (KARAF-5712) Upgrade website style to bootstrap 4
Date Tue, 12 Jun 2018 08:25:00 GMT

    [ https://issues.apache.org/jira/browse/KARAF-5712?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=16509330#comment-16509330
] 

ASF GitHub Bot commented on KARAF-5712:
---------------------------------------

jbonofre commented on a change in pull request #9: [KARAF-5712] Change responsive css to Bootstrap
URL: https://github.com/apache/karaf-site/pull/9#discussion_r194651171
 
 

 ##########
 File path: src/main/webapp/community.html
 ##########
 @@ -1,115 +1,161 @@
-<!DOCTYPE html>
-<html data-mobile-support="" data-search="" data-hero-banner="" data-platform-downloads="">
-<head>
-    <meta http-equiv="content-type" context="text/html; charset=UTF-8">
-    <title>Apache Karaf</title>
-    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1,
user-scalable=no"
-          id="Viewport" name="viewport">
-    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico">
-    <link href="https://fonts.googleapis.com/css?family=Varela+Round|Montserrat:400,700"
rel="stylesheet"
-          type="text/css"/>
-    <link href="css/karaf.css" rel="stylesheet" type="text/css">
-    <link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/jquery.slick/1.5.7/slick.css"/>
-    <script type="text/javascript" src="//cdn.jsdelivr.net/jquery.slick/1.5.7/slick.min.js"></script>
-    <meta content="Apache Karaf" property="og:title">
-    <meta content="images/karaf.png" property="og:image">
-    <meta content="Upgrade to the Enterprise class platform. Karaf provides dual polymorphic
container and application bootstrapping paradigms to the Enterprise. Focus on your business
code and application, Karaf deals with the rest"
-          property="og:description">
-</head>
-<body>
-<div class="viewport">
-    <header class="navbar header--navbar">
-        <div class="navbar-inner">
-            <div class="container-fluid">
-                <div class="karaf-logo--container">
-                    <a class="karaf-logo" href="index.html"><span></span></a>
-                </div>
-                <ul class="nav pull-right">
-                    <li class="navbar-link">
-                        <a href="news.html">News</a>
-                    </li>
-                    <li class="navbar-link">
-                        <a href="download.html">Download</a>
-                    </li>
-                    <li class="navbar-link">
-                        <a href="documentation.html">Documentation</a>
-                    </li>
-                    <li class="navbar-link">
-                        <a href="projects.html">Projects</a>
-                    </li>
-                    <li class="navbar-link">
-                        <a href="community.html">Community</a>
-                    </li>
-                    <li class="navbar-link-logo">
-                        <a href="http://www.apache.org"><img src="images/apache-feather-tm-new.svg"
width="24px" /></a>
-                    </li>
-                </ul>
-            </div>
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta name="description" content="">
+    <meta name="author" content="">
+    <link rel="icon" href="images/favicon.ico">
+
+    <title>Apache Karaf - The enterprise class platform</title>
+
+    <!-- Bootstrap core CSS -->
+    <link href="css/bootstrap.min.css" rel="stylesheet">
+    <!-- Fontawesome CSS CDN -->
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css"
integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
+    <!-- Custom styles for this template -->
+    <link href="css/karaf.css" rel="stylesheet">
+  </head>
+  <body>
+
+    <header>
+      <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
+        <div class="container">
+          <a class="navbar-brand" href="index.html"><img src="images/karaf-logo-new.png"/></a>
+          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+            <span class="navbar-toggler-icon"></span>
+          </button>
+          <div class="collapse navbar-collapse justify-content-end" id="navbarCollapse">
+            <div>
+              <ul class="navbar-nav mr-auto align-items-center text-uppercase">
+                <li class="nav-item">
+                  <a class="nav-link" href="index.html">Home</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="news.html">News</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="projects.html">Projects</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="download.html">Download</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="documentation.html">Documentation</a>
+                </li>
+                <li class="nav-item active">
+                  <a class="nav-link" href="community.html">Community <span class="sr-only">(current)</span></a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link disabled" href="https://www.apache.org"><img
src="images/apache-feather-tm-new.png"/></a>
+                </li>
+              </ul>
+            <div>
+          </div>
         </div>
+      </nav>
     </header>
 
-    <div class="container">
-        <div id="menu" class="desktop-only">
-            <h1>Community</h1>
-            <ul>
-                <li><a href="#resources">Resources</a>
-                    <ul>
-                        <li><a href="#mailinglists">Mailing Lists</a></li>
-                        <li><a href="#bugtracker">Bug Tracker, IRC, and CI</a></li>
-                    </ul>
-                </li>
-                <li><a href="#contribute">Contribute</a></li>
-                <li><a href="#support">Support</a></li>
-                <li><a href="#team">Team</a></li>
-            </ul>
+    <div class="container mb-5 pt-5">
+      <h2 class="pb-3 mb-2"><i class="fas fa-comments"></i> Community</h2>
+
+      <div class="row mb-2">
+        <div class="col">
+          <div class="card flex-md-row mb-4 box-shadow h-md-250">
+            <div class="card-body d-flex flex-column align-items-start">
+              <strong class="d-inline-block mb-2 text-primary">Mailing list</strong>
+              <h4 class="mb-0">
+                <a>Users List</a>
+              </h4>
+              <p class="card-text">[ <a href="mailto:user-subscribe@karaf.apache.org">subscribe</a>
| <a href="http://mail-archives.apache.org/mod_mbox/karaf-user/">archives</a>
| <a href="http://karaf.922171.n3.nabble.com/Karaf-User-f930749.html" target="_blank">online
forum</a> ]</p>
+
+              <h4 class="mb-0">
+                <a class="text-dark">Developers List</a>
+              </h4>
+              <p class="card-text"> [ <a href="mailto:dev-subscribe@karaf.apache.org">subscribe</a>
| <a href="http://mail-archives.apache.org/mod_mbox/karaf-dev/">archives</a> |
<a href="http://karaf.922171.n3.nabble.com/Karaf-Dev-f930721.html" target="_blank">online
forum</a> ]</p>
+
+              <h4 class="mb-0">
+                <a class="text-dark">Commits List</a>
+              </h4>
+              <p class="card-text"> [ <a href="mailto:commits-subscribe@karaf.apache.org">subscribe</a>
| <a href="http://mail-archives.apache.org/mod_mbox/karaf-commits/" target="_blank">archives</a>
]</p>
+
+              <h4 class="mb-0">
+                <a class="text-dark">Issues List</a>
+              </h4>
+              <p class="card-text"> [ <a href="mailto:issues-subscribe@karaf.apache.org">subscribe</a>
| <a href="http://mail-archives.apache.org/mod_mbox/karaf-issues/" target="_blank">archives</a>
]</p>
+            </div>
+          </div>
         </div>
+        <div class="col">
+          <div class="card flex-md-row mb-4 box-shadow h-md-250">
+            <div class="card-body d-flex flex-column align-items-start">
+              <strong class="d-inline-block mb-2 text-primary">Bug Tracker, IRC, and
CI</strong>
+              <h4 class="mb-0">
+                <a class="text-dark">Jira</a>
+              </h4>
+              <p class="card-text"> [ <a href="https://issues.apache.org/jira/browse/KARAF"
target="_blank">visit</a> ]</p>
 
-        <div id="content">
-            <div class="content--panel">
-                <h2 id="resources">Resources</h2>
-                <h3 id="mailinglists">Mailing Lists</h3>
-                <ul class="community">
-                    <li>Users List [ <a href="mailto:user-subscribe@karaf.apache.org">subscribe</a>
| <a href="http://mail-archives.apache.org/mod_mbox/karaf-user/">archives</a>
| <a href="http://karaf.922171.n3.nabble.com/Karaf-User-f930749.html">online forum</a>
]</li>
-                    <li>Developers List [ <a href="mailto:dev-subscribe@karaf.apache.org">subscribe</a>
| <a href="http://mail-archives.apache.org/mod_mbox/karaf-dev/">archives</a> |
<a href="http://karaf.922171.n3.nabble.com/Karaf-Dev-f930721.html">online forum</a>
]</li>
-                    <li>Commits List [ <a href="mailto:commits-subscribe@karaf.apache.org">subscribe</a>
| <a href="http://mail-archives.apache.org/mod_mbox/karaf-commits/">archives</a>
]</li>
-                    <li>Issues List [ <a href="mailto:issues-subscribe@karaf.apache.org">subscribe</a>
| <a href="http://mail-archives.apache.org/mod_mbox/karaf-issues/">archives</a>
]</li>
-                </ul>
-                <h3 id="bugtracker">Bug Tracker, IRC, and CI</h3>
-                <ul class="community">
-                    <li><a href="https://issues.apache.org/jira/browse/KARAF">Jira</a></li>
-                    <li><a href="https://builds.apache.org/view/H-L/view/Karaf/">Jenkins</a></li>
-                    <li><a href="irc://irc.freenode.net/apache-karaf">#apache-karaf
on Freenode</a></li>
-                </ul>
+              <h4 class="mb-0">
+                <a class="text-dark">Jenkins</a>
+              </h4>
+              <p class="card-text"> [ <a href="https://builds.apache.org/view/H-L/view/Karaf/"
target="_blank">visit</a> ]</p>
+
+              <h4 class="mb-0">
+                <a class="text-dark">#apache-karaf on Freenode</a>
+              </h4>
+              <p class="card-text"> [ <a href="irc://irc.freenode.net/apache-karaf"
target="_blank">visit</a> ]</p>
+
+              <h4 class="mb-0">
+                <a class="text-dark">#karaf sur the-asf.slack.com</a>
 
 Review comment:
   Please use english wording: `on` instead of `sur`.

----------------------------------------------------------------
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:
users@infra.apache.org


> Upgrade website style to bootstrap 4
> ------------------------------------
>
>                 Key: KARAF-5712
>                 URL: https://issues.apache.org/jira/browse/KARAF-5712
>             Project: Karaf
>          Issue Type: Improvement
>          Components: website
>            Reporter: Francois Papon
>            Assignee: Francois Papon
>            Priority: Minor
>
> It would be great to upgrade the website style with Bootstrap 4 for responsive design
compatibility and to be more easy to upgrade content and style.



--
This message was sent by Atlassian JIRA
(v7.6.3#76005)

Mime
View raw message