Merge pull request #3201 from ethereum/solidity-survey-feature

Add Solidity Survey to Feature Section

apps/remix-ide/src/app/tabs/locales/en/home.json

@@ -11,7 +11,11 @@
   "home.jumpIntoWeb3Text": "The Remix Project is a rich toolset which can be used for the entire journey of contract development by users of any knowledge level, and as a learning lab for teaching and experimenting with Ethereum.",
   "home.remixRewards": "REMIX REWARDS",
   "home.remixRewardsText1": "NFTs for our users!",
-  "home.remixRewardsText2": "Remix Project rewards contributors, beta testers, and UX research participants with NFTs deployed on Optimism. Remix Reward holders are able to mint a second “Remixer” user NFT badge to give to any other user of their choice.",
+  "home.remixRewardsText2": "Remix Project rewards contributors, beta testers, and UX research participants with NFTs deployed on Optimism.",
+  "home.solidityDevSurveyHeader": "SOLIDITY DEVELOPER SURVEY 2022",
+  "home.solidityDevSurvey": "Help to collect feedback for the Solidity team. The survey takes roughly 10 minutes",
+  "home.solidityDevSurvey1": "Annual poll",
+  "home.surveyLink": "Take the Survey",
   "home.betaTesting": "BETA TESTING",
   "home.betaTestingText1": "Our community supports us.",
   "home.betaTestingText2": "You can join Beta Testing before each release of Remix IDE. Help us test now and get a handle on new features!",

apps/remix-ide/src/app/tabs/locales/zh/home.json

@@ -12,6 +12,10 @@
   "home.remixRewards": "REMIX 奖励",
   "home.remixRewardsText1": "给我们的用户提供的 NFT!",
   "home.remixRewardsText2": "Remix 会用部署在 Optimism 链上的 NFT 奖励贡献者、beta 测试者和用户体验研究参与者。Remix 奖励的持有者可以铸造第二个“Remixer”用户 NFT 徽章，以赠予他们选择的任何其他用户。",
+  "home.solidityDevSurveyHeader": "",
+  "home.solidityDevSurvey": "",
+  "home.solidityDevSurvey1": "",
+  "home.surveyLink": "",
   "home.betaTesting": "BETA 测试",
   "home.betaTestingText1": "我们的社区支持我们",
   "home.betaTestingText2": "每次 Remix IDE 发布版本之前，你都可以参与 Beta 测试。现在就来帮我们测试并且尝鲜新功能吧！",

libs/remix-ui/home-tab/src/lib/components/homeTabFeatured.tsx

@@ -4,6 +4,7 @@ import { FormattedMessage } from 'react-intl'
 import { ThemeContext, themes } from '../themeContext'
 import Carousel from 'react-multi-carousel'
 import 'react-multi-carousel/lib/styles.css'
+
 const _paq = window._paq = window._paq || [] // eslint-disable-line
 
 function HomeTabFeatured() {
@@ -35,30 +36,42 @@ function HomeTabFeatured() {
               autoPlaySpeed={15000}
               dotListClass="position-relative mt-2"
             >
+              <div className="mx-1 px-1 d-flex">
+                <img className="mt-2 pb-1" src={"/assets/img/solidity.webp"} style={{ flex: "1", height: "150px", maxWidth: "150px", paddingTop: 2, paddingBottom: 2, filter: themeFilter.filter }} alt="" ></img>
+                <div className="h6 w-50 p-4" style={{ flex: "1" }}>
+                  <h5><FormattedMessage id='home.solidityDevSurveyHeader' /></h5>
+                  <p style={{ fontStyle: 'italic' }}><FormattedMessage id='home.solidityDevSurvey1' /></p>
+                  <div style={{ fontSize: 'medium' }}>
+                    <FormattedMessage id='home.solidityDevSurvey' />
+                  </div>
+                  <a className="remixui_home_text btn btn-secondary mt-2 text-decoration-none mb-3" target="__blank" onClick={() => _paq.push(['trackEvent', 'hometab', 'featuredSection', 'soliditySurvey'])} href="https://blog.soliditylang.org/2022/12/07/solidity-developer-survey-2022-announcement/"><FormattedMessage id='home.surveyLink' /></a>
+                </div>
+              </div>
               <div className="mx-1 px-1 d-flex">
                 <img src={"assets/img/bgRemi.webp"} style={{ flex: "1", height: "170px", maxWidth: "170px" }} alt="" ></img>
                 <div className="h6 w-50 p-4" style={{ flex: "1" }}>
                   <h5><FormattedMessage id='home.jumpIntoWeb3' /></h5>
-                  <p><FormattedMessage id='home.jumpIntoWeb3Text'/></p>
-                  <a className="remixui_home_text" onClick={() => _paq.push(['trackEvent', 'hometab', 'featuredSection', 'jumpIntoWeb3'])} target="__blank" href="https://remix-project.org"><FormattedMessage id='home.more' /></a>
+                  
+                  <div><FormattedMessage id='home.jumpIntoWeb3Text'/></div>
+                  <a className="remixui_home_text btn btn-secondary mt-2 text-decoration-none mb-3" onClick={() => _paq.push(['trackEvent', 'hometab', 'featuredSection', 'jumpIntoWeb3'])} target="__blank" href="https://remix-project.org"><FormattedMessage id='home.more' /></a>
                 </div>
               </div>
               <div className="mx-1 px-1 d-flex">
                 <img src={"/assets/img/remixRewardUser.webp"} style={{ flex: "1", height: "170px", maxWidth: "170px" }} alt="" ></img>
-                <div className="h6 p-4" style={{ flex: "1" }}>
+                <div className="h6 w-50 p-4" style={{ flex: "1" }}>
                   <h5><FormattedMessage id='home.remixRewards' /></h5>
                   <p style={{ fontStyle: 'italic' }}><FormattedMessage id='home.remixRewardsText1' /></p>
-                  <p><FormattedMessage id='home.remixRewardsText2' /></p>
-                  <a className="remixui_home_text" target="__blank" onClick={() => _paq.push(['trackEvent', 'hometab', 'featuredSection', 'remixRewards'])} href="https://rewards.remix.ethereum.eth.limo"><FormattedMessage id='home.more' /></a>
+                  <div><FormattedMessage id='home.remixRewardsText2' /></div>
+                  <a className="remixui_home_text btn btn-secondary mt-2 text-decoration-none mb-3" target="__blank" onClick={() => _paq.push(['trackEvent', 'hometab', 'featuredSection', 'remixRewards'])} href="https://rewards.remix.ethereum.eth.limo"><FormattedMessage id='home.more' /></a>
                 </div>
               </div>
               <div className="mx-1 px-1 d-flex">
                 <img src={"/assets/img/remixRewardBetaTester.webp"} style={{ flex: "1", height: "170px", maxWidth: "170px" }} alt="" ></img>
-                <div className="h6 p-4" style={{ flex: "1" }}>
+                <div className="h6 w-50 p-4" style={{ flex: "1" }}>
                   <h5><FormattedMessage id='home.betaTesting' /></h5>
                   <p style={{ fontStyle: 'italic' }}><FormattedMessage id='home.betaTestingText1' /></p>
-                  <p><FormattedMessage id='home.betaTestingText2' /></p>
-                  <a className="remixui_home_text" onClick={() => _paq.push(['trackEvent', 'hometab', 'featuredSection', 'betatesting'])} target="__blank" href="https://rewards.remix.ethereum.eth.limo"><FormattedMessage id='home.more' /></a>
+                  <div><FormattedMessage id='home.betaTestingText2' /></div>
+                  <a className="remixui_home_text btn btn-secondary mt-2 text-decoration-none mb-3" onClick={() => _paq.push(['trackEvent', 'hometab', 'featuredSection', 'betatesting'])} target="__blank" href="https://docs.google.com/forms/d/e/1FAIpQLSd0WsJnKbeJo-BGrnf7WijxAdmE4PnC_Z4M0IApbBfHLHZdsQ/viewform"><FormattedMessage id='home.more' /></a>
                 </div>
               </div>
             </Carousel>

libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.css

@@ -105,3 +105,7 @@
   top: 120px;
   right: 180px;
 }
+
+.remixui_home_carouselText {
+  font-size: rfs-fluid-value(1rem);
+}