Added tell your story

kubernetes · Nov 11, 2024 · 7c894a2 · 7c894a2
1 parent 3fa049b
commit 7c894a2
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/layouts/case-studies/list.html b/layouts/case-studies/list.html
@@ -60,7 +60,7 @@ <h3>{{ .Title }}</h3>
 			{{ end }}
 			</a>
 			{{ end }}
-			<a target="_blank" href="https://docs.google.com/a/google.com/forms/d/e/1FAIpQLScuI7Ye3VQHQTwBASrgkjQDSS5TP0g3AXfFhwSM9YpHgxRKFA/viewform" class="tell-your-story"><img height="127px"src="/images/case-studies/story.svg" alt="{{ T "layouts_case_studies_list_tell" }}"></a>
+			<a target="_blank" href="https://docs.google.com/a/google.com/forms/d/e/1FAIpQLScuI7Ye3VQHQTwBASrgkjQDSS5TP0g3AXfFhwSM9YpHgxRKFA/viewform" class="tell-your-story">{{ T "layouts_case_studies_list_tell" }}</a>
 		</div>
 	</div>
 </section>

diff --git a/static/css/gridpage.css b/static/css/gridpage.css
@@ -197,9 +197,21 @@ p.attrib {
 }
 
 .tell-your-story {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 120px;
+    background-color: white; 
+    color: #0071f7;
+    font-weight: bold;
+    text-decoration: none;
+    font-size: 18px;
     border: 1px solid #dddddd;
     border-radius: 6px;
     box-shadow: 1px 2px 2px #dddddd;
+    text-align: center; 
+    line-height: 120px; 
+    padding: 0 20px;
 }
 
 .gridPage .feature {