Merge pull request #2063 from JackStouffer/front-page-donate

Added Donation Call to Action to the Front Page
merged-on-behalf-of: unknown

Author: dlang-bot

css/style.css

@@ -2225,6 +2225,11 @@ the home page, intro pitch and your-code-here layed out vertically */
     {
         padding: 1em 2em;
     }
+
+    .call_to_donate
+    {
+        padding: 40px 80px;
+    }
 }
 
 /* Narrow layout stage 3: no more two column boxes */
@@ -2251,6 +2256,11 @@ the home page, intro pitch and your-code-here layed out vertically */
     #your-code-here-select-example select {
         width: 100%;
     }
+
+    .call_to_donate
+    {
+        padding: 20px 40px;
+    }
 }
 
 .decl_anchor {

index.dd

@@ -665,6 +665,19 @@ consistency. $(LINK2 spec/memory-safe-d.html, Read more).)
 ) $(COMMENT SECTION1)
 ) $(COMMENT D_S)
 
+$(DIVC call_to_donate,
+    <h2>Support D</h2>
+    <p class="center">D is made possible through the hard work and dedication of many volunteers,
+        with the coordination and outreach of the D Language Foundation (501(c)(3)).
+        You can help further the development of the D language and help grow our
+        community by supporting the Foundation.
+    </p>
+    <p class="center">
+        <a href="$(ROOT_DIR)donate.html" class="btn call_to_donate_btn">Donate</a>
+        <a href="$(ROOT_DIR)foundation.html" class="btn subdued">Learn More About The Foundation</a>
+    </p>
+)
+
 Macros:
     TITLE=Home
     TAG=<$1>$+</$1>
@@ -685,42 +698,44 @@ Macros:
     TOUR=$(DIVC item, $(SECTION4 $(TC i, fa fa-$1 big-icon)$2, $3))
     WHY_D_ICON=$(TC i, fa fa-$1 why-d-icon)
     _=
-        FRONTPAGE_ORG_IMG=$(DIVC frontpage-orgs-img-wrapper vcontainer-box, <img class="vcontainer-element" src="$(ROOT_DIR)images/orgs-using-d/$0" />)
-    FRONTPAGE_ORG=$(DIVC frontpage-orgs-cell dont-highlight-link donthyphenate, $(LINK2 $2, $(FRONTPAGE_ORG_IMG $3)) $(H3 $1) $(P $(I $4 )))
     _= Single word inline CSS needs to be escaped _=
     C_A=$1:$2;
     META_DESCRIPTION=D is a general-purpose programming language with static typing, systems-level access, and C-like syntax.
     EXTRA_HEADERS=$(T style,
         .why-d-icon {
             padding-right: 0.2em;
         }
-        .frontpage-orgs h3 {
-           $(C_A margin, 0.4em)
-           margin-left: 0;
-           margin-right: 0;
-           text-align: center;
+        .call_to_donate
+        {
+            padding: 40px 140px;
         }
-        .frontpage-orgs-img-wrapper {
-            $(C_A width, 175px)
-            $(C_A height, 75px)
-            padding-bottom: 10px;
+        .call_to_donate h2
+        {
             text-align: center;
+            margin: 0 0 20px 0;
+        }
+        .call_to_donate p
+        {
+            font-size: 14px;
+            max-width: 1000px;
+            margin: 20px auto;
         }
-        .frontpage-orgs img {
-            max-width: 150px;
-            max-height: 75px;
+        .call_to_donate .btn
+        {
+            font-size: 16px;
+            padding: 0.6em 1em;
         }
-        .frontpage-orgs-cell {
-            $(C_A width, 175px)
-            $(C_A display, inline-block)
-            vertical-align: top;
-            margin-bottom: 0.5em;
-            padding-right: 15px;
+        a.call_to_donate_btn
+        {
+            background-color: #B03931;
+            border-color: #98312A;
+            color: white;
         }
-        #frontpage-orgs-more {
-            text-align: right;
-            padding-right: 0.7em;
-            margin-bottom: -0.5em;
+        a.call_to_donate_btn:hover
+        {
+            background-color: #742620;
+            border-color: #98312A;
+            color: white;
         }
     )
     $(COMMENT index.html only for now, until we can figure out