-
-
Notifications
You must be signed in to change notification settings - Fork 7
feat: funding appeal #656
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Merged
Merged
feat: funding appeal #656
Changes from all commits
Commits
Show all changes
2 commits
Select commit
Hold shift + click to select a range
File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,22 @@ | ||
| <?php | ||
| namespace UI; | ||
|
|
||
| class SectionAnnouncement { | ||
| public function render() { | ||
| ?> | ||
|
|
||
| <!-- event banner: uncomment this section when we have an event or promotion --> | ||
| <div class="section section-announcement"> | ||
| <div class='wrapper'> | ||
| <div class='content'> | ||
| <p style='font-size:2em'><a href='/funding-appeal'>Funding appeal — we need your support</a></p> | ||
| <p style='font-size:1.25em; color: black; line-height: 1.25em; font-weight: normal'> | ||
| The Keyman project is facing a major funding crisis. <a href="/funding-appeal">Learn more</a> | ||
| </p> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
||
| <?php | ||
| } | ||
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,164 @@ | ||
| .funding-tracker-widget { | ||
| font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; | ||
| max-width: 400px; | ||
| margin: 20px auto; | ||
| padding: 15px; | ||
| border: 1px solid #ddd; | ||
| border-radius: 8px; | ||
| box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); | ||
| background-color: #fff; | ||
| } | ||
|
|
||
| #section2 .tracker-header h3 { | ||
| margin-top: 0; | ||
| color: #333; | ||
| font-size: 1.1rem; | ||
| padding-left: 0; | ||
| } | ||
|
|
||
| .progress-container { | ||
| background-color: #e0e0e0; | ||
| border-radius: 5px; | ||
| overflow: hidden; | ||
| margin-bottom: 10px; | ||
| height: 20px; | ||
| } | ||
|
|
||
| .progress-bar { | ||
| background-color: #28a745; /* Green color for progress */ | ||
| height: 100%; | ||
| width: 0; /* Set initial width to 0, adjust with JavaScript or inline style */ | ||
| transition: width 1s ease-in-out; /* Smooth transition for the bar */ | ||
| text-align: center; | ||
| line-height: 20px; | ||
| color: white; | ||
| font-size: 0.8rem; | ||
| } | ||
|
|
||
| .tracker-stats { | ||
| display: flex; | ||
| justify-content: space-between; | ||
| color: #555; | ||
| } | ||
|
|
||
| .amount-raised { | ||
| font-weight: bold; | ||
| color: #28a745; | ||
| } | ||
|
|
||
| .donate-link-container { | ||
| text-align: center; | ||
| } | ||
|
|
||
| .donate-link { | ||
| display: inline-block; | ||
| background: #b92034; | ||
| color: #f0f0f0 !important; | ||
| font-size: 24px; | ||
| margin: 12px 12px 12px 0; | ||
| padding: 14px 22px; | ||
| border-radius: 4px; | ||
| box-shadow: 0px 0px 4px rgba(185, 32, 52, 0.5); | ||
| } | ||
|
|
||
| .donate-link:hover { | ||
| background: #df1b35ff; | ||
| color: white !important; | ||
| } | ||
|
|
||
| .share-link { | ||
| display: inline-block; | ||
| background: #202ab9ff; | ||
| color: #f0f0f0 !important; | ||
| font-size: 24px; | ||
| margin: 12px 12px 12px 0; | ||
| padding: 14px 22px; | ||
| border-radius: 4px; | ||
| box-shadow: 0px 0px 4px rgba(185, 32, 52, 0.5); | ||
| } | ||
|
|
||
| .share-link:hover { | ||
| background: #1b29ecff; | ||
| color: white !important; | ||
| } | ||
|
|
||
| /* General container styles */ | ||
|
|
||
| .medallions { | ||
| display: flex; | ||
| flex-direction: row; | ||
| justify-content: center; | ||
| } | ||
|
|
||
| .medallion-container { | ||
| display: flex; | ||
| align-items: center; | ||
| text-align: center; | ||
| margin: 20px; | ||
| flex-direction: column; | ||
| } | ||
|
|
||
| .medallion-container .donation-amount { | ||
| margin-top: 10px; | ||
| font-weight: bold; | ||
| color: #333; | ||
| } | ||
|
|
||
| .medallion-container .tier-label { | ||
| font-size: 1.2em; | ||
| padding: 10px; | ||
| line-height: 1.2; | ||
| } | ||
|
|
||
| /* Base styling for all medallions */ | ||
| .medallion { | ||
| width: 100px; | ||
| height: 100px; | ||
| border-radius: 50%; | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: center; | ||
| font-weight: bold; | ||
| font-family: sans-serif; | ||
| box-shadow: inset 0 0 10px rgba(255, 255, 255, 0.5), | ||
| 0 4px 8px rgba(0, 0, 0, 0.3); | ||
| border: 4px solid rgba(0, 0, 0, 0.1); | ||
| text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4); | ||
| } | ||
|
|
||
| /* Gold Tier */ | ||
| .medallion-container .gold { | ||
| background: radial-gradient( | ||
| circle at 30% 30%, | ||
| #fff9ac 0%, | ||
| #d4af37 40%, | ||
| #8a6d3b 100% | ||
| ); | ||
| color: #5c4b1a; | ||
| } | ||
|
|
||
| /* Silver Tier */ | ||
| .medallion-container .silver { | ||
| background: radial-gradient( | ||
| circle at 30% 30%, | ||
| #ffffff 0%, | ||
| #c0c0c0 40%, | ||
| #707070 100% | ||
| ); | ||
| color: #4a4a4a; | ||
| } | ||
|
|
||
| /* Bronze Tier */ | ||
| .medallion-container .bronze { | ||
| background: radial-gradient( | ||
| circle at 30% 30%, | ||
| #f5d1b5 0%, | ||
| #cd7f32 40%, | ||
| #7d4a21 100% | ||
| ); | ||
| color: #3e2410; | ||
| } | ||
|
|
||
| .sponsors tr > td img { | ||
| width: 150px; | ||
| } | ||
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,49 @@ | ||
|
|
||
| html .section-announcement { | ||
| color: #B92034; | ||
| background: white; | ||
| padding: 0; | ||
|
|
||
| /* grow transition */ | ||
| display: grid; | ||
| animation: 2s ease-out 0s 1 expand-section-announcement; | ||
| overflow: hidden; | ||
| } | ||
|
|
||
| @keyframes expand-section-announcement { | ||
| 0% { | ||
| grid-template-rows: 0fr; | ||
| } | ||
| 75% { | ||
| grid-template-rows: 0fr; | ||
| } | ||
| 100% { | ||
| grid-template-rows: 1fr; | ||
| } | ||
| } | ||
|
|
||
| .section-announcement > .wrapper { | ||
| overflow: hidden; | ||
| } | ||
|
|
||
| .section-announcement .content { | ||
| padding: 36px 12px; | ||
| } | ||
|
|
||
| .section-announcement p { | ||
| font-size: 36pt; | ||
| font-weight: bold; | ||
| padding: 8px 4px; | ||
| text-align: center; | ||
| } | ||
|
|
||
| .section-announcement p a { | ||
| color: #B92034; | ||
| padding: 4px; | ||
| display: inline-block; | ||
| } | ||
|
|
||
| .section-announcement p a:hover { | ||
| background: #D6D6D6; | ||
| border-radius: 6px; | ||
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Note, we don't have medallions at this point, but keeping the additional CSS doesn't hurt.