Skip to content

Fix ypo in message and case issue with Alien.svg #3

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

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

Fix ypo in message and case issue with Alien.svg #3

Changes from all commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
916d3e1
Fix ypo in message and case issue with Alien.svg
btardif Jun 10, 2019
919b310
making message font and badge color app-setting configurable
btardif Jun 24, 2019
94458da
changeing font unit form RM to EM
btardif Jun 24, 2019
a40cb4b
switching layout to have badge on left
btardif Jun 24, 2019
a89a704
cleaning up my mess to that Allison doesn't judge me too harshly
btardif Sep 8, 2019
ecf71a2
more linting
btardif Sep 8, 2019
2b4379d
dryrun cdmx
btardif Oct 15, 2019
57ec08f
cleanup
btardif Oct 15, 2019
3225ff5
demo en CDMX
btardif Oct 15, 2019
5f61a23
demo reset
btardif Dec 3, 2019
b47cd97
demo arg
btardif Dec 3, 2019
b54e0ac
demo officina MS
btardif Dec 4, 2019
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
133 changes: 50 additions & 83 deletions Views/Home/Index.cshtml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,100 +2,31 @@
ViewData["Title"] = "Home Page";

string user_name = Environment.GetEnvironmentVariable("APPSETTING_name");

string badge_color = Environment.GetEnvironmentVariable("APPSETTING_color");
string font_size = Environment.GetEnvironmentVariable("APPSETTING_size");
string user_message1 = "";
string user_message2 = "";

if(string.IsNullOrEmpty(user_name))
{
if(string.IsNullOrEmpty(user_name)) {
user_name = "HELLO USER!";
user_message1 = @"You have successfully compled the task!";
user_message1 = @"You have successfully completed the task!";
user_message2 = @"Your app is up, running and connected to source control.";
}
else
{
user_message1 = @"Hello " + user_name + " nice to meet you.";
user_message2 = @"Thanks for adding the app setting!";
else {
user_message1 = @"Hola " + user_name + " un gusto conocerlos en la officina de MS.";
user_message2 = @"Gracias por venir a mi platica";
}

badge_color = string.IsNullOrEmpty(badge_color)?"#00a4ef":badge_color;
font_size = string.IsNullOrEmpty(font_size)? "1em":font_size;
}

<div style="display: inline-flex;">

<section id="Badge">
<div style="
background: #00a4ef;
margin: 10px;
margin-left:auto;
margin-right:auto;
border-radius: 10px;
width: 200px;
height: 310px;
overflow: hidden;
box-shadow: 10px 10px 5px #888;
border-width: .75px;
border-color: #00a4ef;
border-style: solid;
">
<div id="punch-hole" style="
width: 50px;
height: 11px;
background: white;
border-radius: 5px;
margin-left: auto;
margin-right: auto;
margin-top: 17px;
margin-bottom: 10px;
box-shadow: inset 0 0 5px #000000;
">
</div>

<div id="circle" style="
width: 120px;
height: 120px;
background: white;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
">
<img src="/images/alien.svg">
</div>

<div id="bottom" style="
background-color: #fff;
width: 100%;
height: 130px; ">


<div title="@user_name" style="
padding: 10px;
width: 190px;
height: 100px;
overflow: hidden;
font-weight: 500;
font-size: 25px;
text-overflow: ellipsis;
white-space: nowrap;
">@user_name</div>
<div style="padding: 25px; width: 70%;
margin-left: 25px; margin-top: auto; margin-bottom: auto; ">

<img style="
top: -25px;
position: relative;"
src="/images/ms-logo.svg" >

</div>
</section>

<div style="
padding: 25px;
width: 70%;
margin-left: 25px;
margin-top: auto;
margin-bottom: auto;
">
<div style="
font-size: 16px;
font-weight: bold; ">
<div style="font-size: @font_size; font-weight: bold; ">
<p>
@user_message1
</p>
Expand All @@ -104,7 +35,43 @@
</p>
</div>
</div>

<section id="Badge">
<div style="background: @badge_color; margin: 10px;
margin-left:auto; margin-right:auto;
border-radius: 10px; width: 200px;
height: 310px; overflow: hidden;
box-shadow: 10px 10px 5px #888; border-width: .75px;
border-color: @badge_color; border-style: solid; ">

<div id="punch-hole"
style="width: 50px; height: 11px;
background: white; border-radius: 5px;
margin-left: auto; margin-right: auto;
margin-top: 17px; margin-bottom: 10px;
box-shadow: inset 0 0 5px #000000; ">
</div>

</div>
<div id="circle"
style="width: 120px; height: 120px;
background: white; border-radius: 50%;
margin-left: auto; margin-right: auto; margin-bottom: 20px;">
<img src="/images/Alien.svg">
</div>

<div id="bottom"
style="background-color: #fff; width: 100%; height: 130px; ">

<div title="@user_name"
style="padding: 10px; width: 190px;
height: 100px; overflow: hidden;
font-weight: 500; font-size: 25px;
text-overflow: ellipsis; white-space: nowrap;">@user_name
</div>

<img style=" top: -25px; position: relative;"
src="/images/ms-logo.svg" >
</div>
</div>
</section>
</div>