diff --git a/.github/workflows/azure-static-web-apps-mango-pond-0c4ba681e.yml b/.github/workflows/azure-static-web-apps-mango-pond-0c4ba681e.yml new file mode 100644 index 00000000..f3a0239a --- /dev/null +++ b/.github/workflows/azure-static-web-apps-mango-pond-0c4ba681e.yml @@ -0,0 +1,46 @@ +name: Azure Static Web Apps CI/CD + +on: + push: + branches: + - main + pull_request: + types: [opened, synchronize, reopened, closed] + branches: + - main + +jobs: + build_and_deploy_job: + if: github.event_name == 'push' || (github.event_name == 'pull_request' && github.event.action != 'closed') + runs-on: ubuntu-latest + name: Build and Deploy Job + steps: + - uses: actions/checkout@v3 + with: + submodules: true + lfs: false + - name: Build And Deploy + id: builddeploy + uses: Azure/static-web-apps-deploy@v1 + with: + azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_MANGO_POND_0C4BA681E }} + repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments) + action: "upload" + ###### Repository/Build Configurations - These values can be configured to match your app requirements. ###### + # For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig + app_location: "/" # App source code path + api_location: "api" # Api source code path - optional + output_location: "dist" # Built app content directory - optional + ###### End of Repository/Build Configurations ###### + + close_pull_request_job: + if: github.event_name == 'pull_request' && github.event.action == 'closed' + runs-on: ubuntu-latest + name: Close Pull Request Job + steps: + - name: Close Pull Request + id: closepullrequest + uses: Azure/static-web-apps-deploy@v1 + with: + azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_MANGO_POND_0C4BA681E }} + action: "close" diff --git a/src/App.jsx b/src/App.jsx index 4fbc89d6..a3a9aa1a 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -1,3 +1,13 @@ +/** + * This object represents your information. The project is set so that you + * only need to update these here, and values are passed as properties to the + * components that need that information. + * + * Update the values below with your information. + * + * If you don't have one of the social sites listed, leave it as an empty string. + */ + /** * Application component * @@ -13,10 +23,9 @@ import Home from "./Components/Home"; import Portfolio from "./Components/Portfolio"; import "./styles.css"; - /** * This object represents your information. The project is set so that you - * only need to update these here, and values are passed a properties to the + * only need to update these here, and values are passed as properties to the * components that need that information. * * Update the values below with your information. @@ -24,17 +33,16 @@ import "./styles.css"; * If you don't have one of the social sites listed, leave it as an empty string. */ const siteProps = { - name: "Alexandrie Grenier", - title: "Web Designer & Content Creator", - email: "alex@example.com", - gitHub: "microsoft", - instagram: "microsoft", - linkedIn: "satyanadella", + name: "Ziqing Guo", + title: "PhD student at Texas Tech University", + email: "ziqinguse@gmail.com", + gitHub: "gzquse", + instagram: "ziqing_martin/", + linkedIn: "ziqing-g-993936254/", medium: "", - twitter: "microsoft", - youTube: "Code", + twitter: "Martinetin_", + youTube: "", }; - const primaryColor = "#4E567E"; const secondaryColor = "#D2F1E4"; diff --git a/src/Components/About.jsx b/src/Components/About.jsx index 9eaad4a6..d334b505 100644 --- a/src/Components/About.jsx +++ b/src/Components/About.jsx @@ -10,7 +10,7 @@ import React from "react"; * About background image * * Below is a sample image. Upload the image of your choice into the "images" - * directory and import here for use. Then, set imageAltText to string that + * directory and import here for use. Then, set imageAltText to string that * represents what you see in that image. * * Need an image? Check out https://unsplash.com to download a image you @@ -24,19 +24,17 @@ const imageAltText = "purple and blue abstract background"; * Sort description that expands on your title on the Home component. */ const description = - "I'm a UI/UX student studying at Barnett Technical University. I enjoy creating unique and simplistic user interfaces in creative ways."; + "I am currently the research fellow of Computer Science Ph.D. student at Texas Tech University in Professor Ziwen Pan's group. My research interests include quantum computing and quantum cryptography. Previously, I worked with Jan Balewski at Lawrance National Berkeley Lab on quantum image encoding experiments, and Pro. Katherine James at Newcastle University in the field of Deep Learning. I received NERSC AY 2025 Director Reserve Allocation Award. Outside of research and academics, I am a huge fan of table tennis and love to travel."; /** * List of some of skills or technologies you work on, are learning, * passionate about, or enjoy, */ const skillsList = [ - "Web design", - "User experience", - "Inclusive design", - "Focus group testing", - "Mobile user interfaces", - "Graphic design", + "HPC", + "Programming", + "Mathematica", + "DevOps", ]; /** diff --git a/src/Components/Footer.jsx b/src/Components/Footer.jsx index d7651794..ad5fbe85 100644 --- a/src/Components/Footer.jsx +++ b/src/Components/Footer.jsx @@ -50,7 +50,7 @@ const Footer = (props) => { gap: "2.5rem", padding: "5rem 0 3rem", backgroundColor: primaryColor, - width: "100vw" + width: "100vw", }} >
{ return (
-

{name}

-

{title}

+

{name}

{/* Name in white */} +

{title}

{/* Title in white */}
{imageAltText} diff --git a/src/images/man-with-ring.jpg b/src/images/man-with-ring.jpg new file mode 100644 index 00000000..a677a8f1 Binary files /dev/null and b/src/images/man-with-ring.jpg differ diff --git a/src/images/woman-with-tablet.jpg b/src/images/woman-with-tablet.jpg deleted file mode 100644 index 2c8a39f1..00000000 Binary files a/src/images/woman-with-tablet.jpg and /dev/null differ