Remove Images in project section

amfoss · Dec 20, 2019 · 1556816 · 1556816
1 parent a76221a
commit 1556816
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 37 deletions.
diff --git a/src/components/rsvpForm.js b/src/components/rsvpForm.js
@@ -46,7 +46,7 @@ class RSVPForm extends React.Component {
     render() {
         return(
             <div className="d-flex m-0 text-light align-items-center justify-content-center" style={{ minHeight: '100vh', background: '#000'}}>
-                <div className="p-4">
+                <div className="container p-4">
                     <h1 className="text-center">amDeC 2019</h1>
                     <p className="p-2 text-center">
                         Thank you so much for showing interest in amDeC 2019, organized by amFOSS
@@ -65,13 +65,14 @@ class RSVPForm extends React.Component {
                             className="form-group">
                             <div className="row">
                                 <div className="col-12 col-md-6 p-2">
-                                    <label>Enter your proposal link</label>
+                                    <label>Enter your proposal link (doc/pdf)</label>
                                     <input
                                         type="text"
                                         placeholder="Enter proposal link"
                                         name="proposal"
                                         className="form-control"
                                         onChange={(e) => this.setState({ details: e.currentTarget.value })}
+                                        required
                                     />
                                 </div>
                                 <div className="col-12 col-md-6 p-2">
@@ -89,12 +90,12 @@ class RSVPForm extends React.Component {
                                         type="submit"
                                         className="button btn-block px-4"
                                     >
-                                        Submit RSVP
+                                        Submit
                                     </button>
                                 </div>
                             </div>
                         </form> : this.state.successText !== '' ?
-                            <div className="alert alert-success">Thank you! Please inform your friends too about submitting their RSVP.</div>
+                            <div className="alert alert-success">Thank you! Please inform your friends too about submitting their proposal.</div>
                             : <div className="alert alert-warning">Submitting. Please Wait</div>
                     }
                     {

diff --git a/src/pages/index.js b/src/pages/index.js
@@ -13,7 +13,6 @@ import {
   Title,
   Subtitle
 } from "bloomer";
-import Fade from "react-reveal/Fade";
 import Layout from "../components/layout";
 import SEO from "../components/seo";
 import Animated from "../components/animated";
@@ -34,7 +33,7 @@ const ProjectsIndex = props => {
   const { data, location } = props;
   const { title: siteTitle } = data.site.siteMetadata;
   const projects = data.allMarkdownRemark.edges;
-  const [hash, setHash] = useState('');
+  const [hash, setHash] = useState(undefined);
   const [queryLoaded, setQueryLoaded] = useState(false);
 
   useEffect(() => {
@@ -211,7 +210,7 @@ const ProjectsIndex = props => {
                   Projects
                 </Title>
                 <div className="alert alert-warning p-3 m-4 text-center">
-                  If you are project in not listed, and would like to know, please contact [email protected]
+                  If your project is not listed and you would like to know why, please contact [email protected]
                 </div>
                 <Container>
                   <Columns isMultiline>
@@ -232,18 +231,6 @@ const ProjectsIndex = props => {
                                     className={`is-project has-background-${theme}`}
                                     hasTextColor={theme}
                                 >
-                                  {node.frontmatter.cover && (
-                                      <CardImage>
-                                        <LazyImage
-                                            fluid={
-                                              node.frontmatter.cover.childImageSharp
-                                                  .fluid
-                                            }
-                                            alt={title}
-                                            className="image"
-                                        />
-                                      </CardImage>
-                                  )}
                                   <CardContent>
                                     <Title>{title}</Title>
                                     <Subtitle

diff --git a/src/pages/registrations/student-registration.js b/src/pages/registrations/student-registration.js
@@ -30,7 +30,7 @@ const ProjectRegistration = props => {
           }}
         >
           <SEO title="Student Registation" />
-          <Hero isColor={theme} isFullHeight isSize="medium">
+          <Hero isColor={theme} isFullHeight isSize="medium" className="p-4">
             <Container>
               <Title className="has-text-centered p-2 mt-4">
                 Student Registration

diff --git a/src/templates/projectTemplate.js b/src/templates/projectTemplate.js
@@ -32,22 +32,6 @@ const ProjectTemplate = props => {
             </Subtitle>
           ))}
         </Container>
-        {cover && (
-          <div style={{ margin: `2rem -1.5rem` }}>
-            <LazyImage
-              fluid={cover.childImageSharp.fluid}
-              alt={project.frontmatter.title}
-              style={{
-                maxWidth: cover.childImageSharp.fluid.presentationWidth,
-                maxHeight:
-                  cover.childImageSharp.fluid.presentationWidth /
-                  cover.childImageSharp.fluid.aspectRatio,
-                margin: `0 auto`,
-                boxShadow: `0px 10px 30px -5px rgba(0, 0, 0, 0.3)`
-              }}
-            />
-          </div>
-        )}
         <Container>
           <Content
             hasTextColor={getOppositeTheme(theme)}
@@ -96,7 +80,7 @@ export const pageQuery = graphql`
         tags
         cover {
           childImageSharp {
-            fluid(maxWidth: 1400, maxHeight: 600, quality: 80) {
+            fluid(maxWidth: 2400, maxHeight: 1000, quality: 80) {
               ...GatsbyImageSharpFluid_withWebp
               presentationWidth
               originalImg