Skip to content
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.

Sign up for GitHub

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

updated website #11

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

updated website #11

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
7870ed8
ci: add Azure Static Web Apps workflow file
MarilenaEH Mar 21, 2022
f59ad00
Update index.html
MarilenaEH Mar 21, 2022
10993fe
Update index.html
MarilenaEH Mar 21, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
45 changes: 45 additions & 0 deletions .github/workflows/azure-static-web-apps-icy-bay-0e86f0a10.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,45 @@
name: Azure Static Web Apps CI/CD

on:
push:
branches:
- master
pull_request:
types: [opened, synchronize, reopened, closed]
branches:
- master

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@v2
with:
submodules: true
- 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_ICY_BAY_0E86F0A10 }}
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 source code path - optional
output_location: "" # 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_ICY_BAY_0E86F0A10 }}
action: "close"
63 changes: 38 additions & 25 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
<!DOCTYPE HTML>
l<!DOCTYPE HTML>
<!--
Dimension by HTML5 UP
html5up.net | @ajlkn
Expand Down Expand Up @@ -26,16 +26,16 @@
<div class="content">
<div class="inner">
<h1>Dimension</h1>
<p><!--[-->A fully responsive site template designed by <a href="https://html5up.net">HTML5 UP</a> and released<!--]--><br />
<p><!--[-->A fully unresponsive site template designed by <a href="https://html5up.net">HTML5 UP</a> and released<!--]--><br />
<!--[-->for free under the <a href="https://html5up.net/license">Creative Commons</a> license.<!--]--></p>
</div>
</div>
<nav>
<ul>
<li><a href="#intro">Intro</a></li>
<li><a href="#work">Work</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#page">Important Page </a></li>
<li><a href="#answer">Answer</a></li>
<li><a href="#please">Please Click Me</a></li>
<!--<li><a href="#elements">Elements</a></li>-->
</ul>
</nav>
Expand All @@ -47,40 +47,53 @@ <h1>Dimension</h1>
<!-- Intro -->
<article id="intro">
<h2 class="major">Intro</h2>
<span class="image main"><img src="images/pic01.jpg" alt="" /></span>
<p>Aenean ornare velit lacus, ac varius enim ullamcorper eu. Proin aliquam facilisis ante interdum congue. Integer mollis, nisl amet convallis, porttitor magna ullamcorper, amet egestas mauris. Ut magna finibus nisi nec lacinia. Nam maximus erat id euismod egestas. By the way, check out my <a href="#work">awesome work</a>.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus rutrum facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam tristique libero eu nibh porttitor fermentum. Nullam venenatis erat id vehicula viverra. Nunc ultrices eros ut ultricies condimentum. Mauris risus lacus, blandit sit amet venenatis non, bibendum vitae dolor. Nunc lorem mauris, fringilla in aliquam at, euismod in lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In non lorem sit amet elit placerat maximus. Pellentesque aliquam maximus risus, vel sed vehicula.</p>
<span class="image main"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSPhMhBY2E5a5pnuxcmBAjAbS3iTLB1RNNwLHKMYI45GgcTKkYur-eRubp5TJmcwg120qk:https://static.boredpanda.com/blog/wp-content/uploads/2018/09/funny-dad-jokes-puns-fb11.png&usqp=CAU" alt="" /></span>
<p> Hello! Welcome to my Website. I used GitHub and Azure to create it :) Feel free to look around <a href="#page">awesome work</a>.</p>
<p> This website is real and definitely has a purpose</p>
</article>

<!-- Work -->
<article id="work">
<h2 class="major">Work</h2>
<span class="image main"><img src="images/pic02.jpg" alt="" /></span>
<p>Adipiscing magna sed dolor elit. Praesent eleifend dignissim arcu, at eleifend sapien imperdiet ac. Aliquam erat volutpat. Praesent urna nisi, fringila lorem et vehicula lacinia quam. Integer sollicitudin mauris nec lorem luctus ultrices.</p>
<p>Nullam et orci eu lorem consequat tincidunt vivamus et sagittis libero. Mauris aliquet magna magna sed nunc rhoncus pharetra. Pellentesque condimentum sem. In efficitur ligula tate urna. Maecenas laoreet massa vel lacinia pellentesque lorem ipsum dolor. Nullam et orci eu lorem consequat tincidunt. Vivamus et sagittis libero. Mauris aliquet magna magna sed nunc rhoncus amet feugiat tempus.</p>
<!-- Important Page -->
<article id="page">
<h2 class="major">Important Page</h2>
<span class="image main"><img src="https://teachers.henrico.k12.va.us/deeprun/cit/web_images/caudle.jpg" alt="" /></span>
<p>I am so glad you clicked on this important page. It is very important. Now make sure to read carefully...</p>
<p> What kind of drink can be bitter and sweet?</p>
<p> Go to Answer page to see the IMPORTANT answer</p>
</article>

<!-- About -->
<article id="about">
<h2 class="major">About</h2>
<span class="image main"><img src="images/pic03.jpg" alt="" /></span>
<p>Lorem ipsum dolor sit amet, consectetur et adipiscing elit. Praesent eleifend dignissim arcu, at eleifend sapien imperdiet ac. Aliquam erat volutpat. Praesent urna nisi, fringila lorem et vehicula lacinia quam. Integer sollicitudin mauris nec lorem luctus ultrices. Aliquam libero et malesuada fames ac ante ipsum primis in faucibus. Cras viverra ligula sit amet ex mollis mattis lorem ipsum dolor sit amet.</p>
<!-- Answer -->
<article id="answer">
<h2 class="major">Answer</h2>
<span class="image main"><img src="https://teachers.henrico.k12.va.us/deeprun/cit/web_images/palen.jpg" alt="" /></span>
<p>RealiTEA.. haha.. ha. please laugh or go to the next page for more jokes... if you want</p>
</article>

<!-- Contact -->
<article id="contact">
<h2 class="major">Contact</h2>
<!-- Please -->
<article id="please">
<h2 class="major">Please Click me :(</h2>
<p> What is a funny joke? Your life</p>
<p> What is red and smells like blue paint</p>
<p>R- re- red Paint</p>
<p> Did you hear about the actor who fell through the floor boards, he was jsut going through the stage</P
<p> What is red and really bad for your teeth.... a flying brick</p>
<p> Please contact me i swear i'm not trying to steal your identity</p>
<form method="post" action="#">
<div class="field half first">
<label for="name">Name</label>
<input type="text" name="name" id="name" />
</div>
<div class="field half">
<label for="email">Email</label>
<input type="text" name="email" id="email" />
<label for="credit card">Credit Card</label>
<input type="text" name="card" id="card" />
<div class="field half">
<label for="3 digit cvc">3-Digit CVC</label>
<input type="text" name="cvc" id="cvc" />
<div class="field half">
<label for="social security">Social SecUrITy</label>
<input type="text" name="social security" id="social security" />
</div>
<div class="field">
<label for="message">Message</label>
<label for="message">Leave a joke... or two</label>
<textarea name="message" id="message" rows="4"></textarea>
</div>
<ul class="actions">
Expand Down