|
906 | 906 | @media (min-width: 769px) and (max-width: 900px) { |
907 | 907 | .hp2-features { grid-template-columns: repeat(2, 1fr); } |
908 | 908 | } |
| 909 | +
|
| 910 | +/* Custom dev promo banner */ |
| 911 | +.promo-banner { |
| 912 | + border-bottom: 1px solid rgba(255, 255, 255, 0.1); |
| 913 | +} |
| 914 | +.promo-half { |
| 915 | + display: flex; |
| 916 | + align-items: center; |
| 917 | + justify-content: center; |
| 918 | + gap: 10px; |
| 919 | + padding: 6px 20px; |
| 920 | + color: #fff; |
| 921 | + font-size: 0.78rem; |
| 922 | + font-weight: 500; |
| 923 | +} |
| 924 | +.promo-half--dev { |
| 925 | + background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%); |
| 926 | +} |
| 927 | +.promo-half-icon { |
| 928 | + font-size: 1rem; |
| 929 | + flex-shrink: 0; |
| 930 | +} |
| 931 | +.promo-half-text { |
| 932 | + line-height: 1.4; |
| 933 | +} |
| 934 | +.promo-half-text strong { |
| 935 | + font-weight: 700; |
| 936 | +} |
| 937 | +.promo-half .promo-cta { |
| 938 | + display: inline-flex; |
| 939 | + align-items: center; |
| 940 | + gap: 6px; |
| 941 | + padding: 4px 12px; |
| 942 | + background: rgba(255, 255, 255, 0.18); |
| 943 | + color: #fff; |
| 944 | + border-radius: 5px; |
| 945 | + font-size: 0.72rem; |
| 946 | + font-weight: 700; |
| 947 | + text-decoration: none; |
| 948 | + white-space: nowrap; |
| 949 | + transition: background 0.2s; |
| 950 | + border: 1px solid rgba(255, 255, 255, 0.2); |
| 951 | +} |
| 952 | +.promo-half .promo-cta:hover { |
| 953 | + background: rgba(255, 255, 255, 0.3); |
| 954 | + color: #fff; |
| 955 | +} |
| 956 | +@media (max-width: 768px) { |
| 957 | + .promo-half { font-size: 0.72rem; padding: 6px 14px; gap: 8px; flex-wrap: wrap; justify-content: center; text-align: center; } |
| 958 | + .promo-half-text { white-space: normal !important; } |
| 959 | +} |
909 | 960 | '; |
910 | 961 |
|
911 | 962 | include 'includes/head.php'; |
|
917 | 968 | <main class="wiki-main"> |
918 | 969 | <div class="wiki-content" style="max-width:100%;padding-left:0;padding-right:0;"> |
919 | 970 |
|
920 | | - <!-- Top sponsor banner --> |
921 | | - <div class="support-banner" id="support-banner"> |
922 | | - Every feature ships free to everyone. No VC funding, no ads — community funded. |
923 | | - <a href="https://github.com/sponsors/wolfsoftwaresystemsltd" target="_blank" class="banner-cta">Back This Project</a> |
924 | | - <a href="enterprise.php" class="banner-cta">Enterprise Licensing</a> |
925 | | - <button class="banner-close" onclick="this.parentElement.style.display='none'" aria-label="Close">×</button> |
| 971 | + <!-- Custom dev banner --> |
| 972 | + <div class="promo-banner"> |
| 973 | + <div class="promo-half promo-half--dev" style="flex-wrap:nowrap;"> |
| 974 | + <span class="promo-half-icon">💻</span> |
| 975 | + <span class="promo-half-text" style="white-space:nowrap;">Custom Software Development? Have the authors of <strong>WolfStack</strong> & <strong>WolfNote</strong> develop your project.</span> |
| 976 | + <a href="https://wolf.uk.com" target="_blank" rel="noopener" class="promo-cta">wolf.uk.com →</a> |
| 977 | + <a href="mailto:sales@wolf.uk.com" class="promo-cta">sales@wolf.uk.com</a> |
| 978 | + </div> |
926 | 979 | </div> |
927 | 980 |
|
928 | 981 | <!-- ============================================ --> |
|
0 commit comments