Contributors now displayed in 3 columns

The modal was getting really long so it was widened
and contributors now use 3 columns instead of 1

Contributors were also alphabetically sorted

Plan/common/src/main/java/com/djrapitops/plan/delivery/rendering/html/Contributors.java

@@ -29,57 +29,57 @@ import static com.djrapitops.plan.delivery.rendering.html.Contributors.For.LANG;
  */
 public class Contributors {
 
+    private static final Contributor[] CONTRIBUTORS = new Contributor[]{
+            new Contributor("aidn5", CODE),
+            new Contributor("Antonok", CODE),
+            new Contributor("Argetan", CODE),
+            new Contributor("Aurelien", CODE, LANG),
+            new Contributor("BrainStone", CODE),
+            new Contributor("Catalina", LANG),
+            new Contributor("Elguerrero", LANG),
+            new Contributor("Combustible", CODE),
+            new Contributor("Creeperface01", CODE),
+            new Contributor("CyanTech", LANG),
+            new Contributor("DarkPyves", CODE),
+            new Contributor("DaveDevil", LANG),
+            new Contributor("developStorm", CODE),
+            new Contributor("enterih", LANG),
+            new Contributor("Eyremba", LANG),
+            new Contributor("f0rb1d (\u4f5b\u58c1\u706f)", LANG),
+            new Contributor("Fur_xia", LANG),
+            new Contributor("fuzzlemann", CODE, LANG),
+            new Contributor("Guinness_Akihiko", LANG),
+            new Contributor("hallo1142", LANG),
+            new Contributor("itaquito", LANG),
+            new Contributor("jyhsu2000", CODE),
+            new Contributor("jvmuller", LANG),
+            new Contributor("Malachiel", LANG),
+            new Contributor("Miclebrick", CODE),
+            new Contributor("Morsmorse", LANG),
+            new Contributor("Nogapra", LANG),
+            new Contributor("Saph1s", LANG),
+            new Contributor("Shadowhackercz", LANG),
+            new Contributor("shaokeyibb", LANG),
+            new Contributor("skmedix", CODE),
+            new Contributor("TDJisvan", LANG),
+            new Contributor("Vankka", CODE),
+            new Contributor("yukieji", LANG),
+            new Contributor("qsefthuopq", LANG),
+            new Contributor("Karlatemp", CODE, LANG),
+            new Contributor("Mastory_Md5", LANG),
+            new Contributor("FluxCapacitor2", CODE),
+            new Contributor("galexrt", LANG),
+    };
+
     private Contributors() {
         // Static method class
     }
 
     public static String generateContributorHtml() {
-        Contributor[] contributors = new Contributor[]{
+        int estimatedLength = CONTRIBUTORS.length * 40 + 50;
-                new Contributor("aidn5", CODE),
-                new Contributor("Antonok", CODE),
-                new Contributor("Argetan", CODE),
-                new Contributor("Aurelien", CODE, LANG),
-                new Contributor("BrainStone", CODE),
-                new Contributor("Catalina", LANG),
-                new Contributor("Elguerrero", LANG),
-                new Contributor("Combustible", CODE),
-                new Contributor("Creeperface01", CODE),
-                new Contributor("CyanTech", LANG),
-                new Contributor("DarkPyves", CODE),
-                new Contributor("DaveDevil", LANG),
-                new Contributor("developStorm", CODE),
-                new Contributor("enterih", LANG),
-                new Contributor("Eyremba", LANG),
-                new Contributor("f0rb1d (\u4f5b\u58c1\u706f)", LANG),
-                new Contributor("Fur_xia", LANG),
-                new Contributor("fuzzlemann", CODE, LANG),
-                new Contributor("Guinness_Akihiko", LANG),
-                new Contributor("hallo1142", LANG),
-                new Contributor("itaquito", LANG),
-                new Contributor("jyhsu2000", CODE),
-                new Contributor("jvmuller", LANG),
-                new Contributor("Malachiel", LANG),
-                new Contributor("Miclebrick", CODE),
-                new Contributor("Morsmorse", LANG),
-                new Contributor("Nogapra", LANG),
-                new Contributor("Saph1s", LANG),
-                new Contributor("Shadowhackercz", LANG),
-                new Contributor("shaokeyibb", LANG),
-                new Contributor("skmedix", CODE),
-                new Contributor("TDJisvan", LANG),
-                new Contributor("Vankka", CODE),
-                new Contributor("yukieji", LANG),
-                new Contributor("qsefthuopq", LANG),
-                new Contributor("Karlatemp", CODE, LANG),
-                new Contributor("Mastory_Md5", LANG),
-                new Contributor("FluxCapacitor2", CODE),
-                new Contributor("galexrt", LANG),
-        };
-        int estimatedLength = contributors.length * 40 + 50;
         StringBuilder html = new StringBuilder(estimatedLength);
-        for (Contributor contributor : contributors) {
+        Arrays.stream(CONTRIBUTORS).sorted()
-            contributor.appendHtml(html);
+                .forEach(contributor -> contributor.appendHtml(html));
-        }
         return html.toString();
     }
 
@@ -108,7 +108,7 @@ public class Contributors {
         }
 
         public void appendHtml(StringBuilder html) {
-            html.append("<li>")
+            html.append("<li class=\"col-4\">")
                     .append(name);
             for (For contribution : contributed) {
                 html.append(contribution.toHtml());

Plan/common/src/main/resources/assets/plan/web/css/style.css

@@ -1234,3 +1234,7 @@ body.sidebar-hidden .fc-popover {
 body.sidebar-hidden .navbar-nav {
     display: none;
 }
+
+.contributors li {
+    padding: 0;
+}

Plan/common/src/main/resources/assets/plan/web/error.html

@@ -163,7 +163,7 @@
     <!-- Information Modal -->
     <div aria-hidden="true" aria-labelledby="informationModalLabel" class="modal fade" id="informationModal"
          role="dialog" tabindex="-1">
-        <div class="modal-dialog" role="document">
+        <div class="modal-dialog modal-lg" role="document">
             <div class="modal-content">
                 <div class="modal-header">
                     <h5 class="modal-title" id="informationModalLabel"><i class="fa fa-fw fa-question-circle"></i>
@@ -188,7 +188,7 @@
                     <hr>
                     <p>Player Analytics is developed by Rsl1122.</p>
                     <p>In addition following <span class="col-plan">awesome people</span> have contributed:</p>
-                    <ul>
+                    <ul class="row contributors">
                         ${contributors}
                         <li>& Bug reporters!</li>
                     </ul>

Plan/common/src/main/resources/assets/plan/web/network.html

@@ -716,7 +716,7 @@
     <!-- Information Modal -->
     <div aria-hidden="true" aria-labelledby="informationModalLabel" class="modal fade" id="informationModal"
          role="dialog" tabindex="-1">
-        <div class="modal-dialog" role="document">
+        <div class="modal-dialog modal-lg" role="document">
             <div class="modal-content">
                 <div class="modal-header">
                     <h5 class="modal-title" id="informationModalLabel"><i class="fa fa-fw fa-question-circle"></i>
@@ -741,7 +741,7 @@
                     <hr>
                     <p>Player Analytics is developed by Rsl1122.</p>
                     <p>In addition following <span class="col-plan">awesome people</span> have contributed:</p>
-                    <ul>
+                    <ul class="row contributors">
                         ${contributors}
                         <li>& Bug reporters!</li>
                     </ul>

Plan/common/src/main/resources/assets/plan/web/player.html

@@ -623,7 +623,7 @@
     <!-- Information Modal -->
     <div aria-hidden="true" aria-labelledby="informationModalLabel" class="modal fade" id="informationModal"
          role="dialog" tabindex="-1">
-        <div class="modal-dialog" role="document">
+        <div class="modal-dialog modal-lg" role="document">
             <div class="modal-content">
                 <div class="modal-header">
                     <h5 class="modal-title" id="informationModalLabel"><i class="fa fa-fw fa-question-circle"></i>
@@ -648,7 +648,7 @@
                     <hr>
                     <p>Player Analytics is developed by Rsl1122.</p>
                     <p>In addition following <span class="col-plan">awesome people</span> have contributed:</p>
-                    <ul>
+                    <ul class="row contributors">
                         ${contributors}
                         <li>& Bug reporters!</li>
                     </ul>

Plan/common/src/main/resources/assets/plan/web/players.html

@@ -173,7 +173,7 @@
     <!-- Information Modal -->
     <div aria-hidden="true" aria-labelledby="informationModalLabel" class="modal fade" id="informationModal"
          role="dialog" tabindex="-1">
-        <div class="modal-dialog" role="document">
+        <div class="modal-dialog modal-lg" role="document">
             <div class="modal-content">
                 <div class="modal-header">
                     <h5 class="modal-title" id="informationModalLabel"><i class="fa fa-fw fa-question-circle"></i>
@@ -198,7 +198,7 @@
                     <hr>
                     <p>Player Analytics is developed by Rsl1122.</p>
                     <p>In addition following <span class="col-plan">awesome people</span> have contributed:</p>
-                    <ul>
+                    <ul class="row contributors">
                         ${contributors}
                         <li>& Bug reporters!</li>
                     </ul>

Plan/common/src/main/resources/assets/plan/web/server.html

@@ -1188,7 +1188,7 @@
     <!-- Information Modal -->
     <div aria-hidden="true" aria-labelledby="informationModalLabel" class="modal fade" id="informationModal"
          role="dialog" tabindex="-1">
-        <div class="modal-dialog" role="document">
+        <div class="modal-dialog modal-lg" role="document">
             <div class="modal-content">
                 <div class="modal-header">
                     <h5 class="modal-title" id="informationModalLabel"><i class="fa fa-fw fa-question-circle"></i>
@@ -1213,7 +1213,7 @@
                     <hr>
                     <p>Player Analytics is developed by Rsl1122.</p>
                     <p>In addition following <span class="col-plan">awesome people</span> have contributed:</p>
-                    <ul>
+                    <ul class="row contributors">
                         ${contributors}
                         <li>& Bug reporters!</li>
                     </ul>