[
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:[email protected]";>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:[email protected]";>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:[email protected]";>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:[email protected]";>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:[email protected]";>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:[email protected]";>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:[email protected]";>subscribe</a> | <a
href="http://mail-archives.apache.org/mod_mbox/karaf-commits/";>archives</a>
]</li>
- <li>Issues List [ <a
href="mailto:[email protected]";>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:
[email protected]
> 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)
