Skip to content

Commit

Permalink
Remove Styles From index.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@KTSCode
KTSCode committed Sep 29, 2024
1 parent 0fcb283 commit f86befd
Show file tree
Hide file tree
Showing 3 changed files with 48 additions and 35 deletions.
37 changes: 19 additions & 18 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,27 +4,28 @@
<head>
<meta charset="UTF-8" />
<title>Salculator</title>
<style>
form {
"display: flex; flex-direction: column; align-items: center;"
}

input {
margin: 5px;
}
</style>
<!-- <style> -->
<!-- form { -->
<!-- "display: flex; flex-direction: column; align-items: center;" -->
<!-- } -->
<!---->
<!-- input { -->
<!-- margin: 5px; -->
<!-- } -->
<!-- </style> -->
</head>

<body>
<div id="app" style="
display: flex;
justify-content: center;
align-items: top;
height: 100vh;
margin: 0;
font-family: Roboto, sans-serif;
background-color: #1e272e;
">
<div id="app">
<!-- style=" -->
<!-- display: flex; -->
<!-- justify-content: center; -->
<!-- align-items: top; -->
<!-- height: 100vh; -->
<!-- margin: 0; -->
<!-- font-family: Roboto, sans-serif; -->
<!-- background-color: #1e272e; -->
<!-- "> -->
<script src="main.js"></script>
<script>
var app = Elm.Main.init({node: document.getElementById("app")});
Expand Down
26 changes: 16 additions & 10 deletions main.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5604,13 +5604,17 @@ var $author$project$Main$view = function (model) {
A2($elm$html$Html$Attributes$style, 'display', 'flex'),
A2($elm$html$Html$Attributes$style, 'flex-direction', 'row'),
A2($elm$html$Html$Attributes$style, 'justify-content', 'space-around'),
A2($elm$html$Html$Attributes$style, 'align-items', 'top'),
A2($elm$html$Html$Attributes$style, 'align-items', 'flex-start'),
A2($elm$html$Html$Attributes$style, 'height', '100vh'),
A2($elm$html$Html$Attributes$style, 'margin', '0'),
A2($elm$html$Html$Attributes$style, 'font-family', 'Roboto, sans-serif'),
A2($elm$html$Html$Attributes$style, 'backgroundColor', '#1E272E'),
A2($elm$html$Html$Attributes$style, 'background-color', '#1E272E'),
A2($elm$html$Html$Attributes$style, 'color', '#ECF0F1'),
A2($elm$html$Html$Attributes$style, 'flex-wrap', 'wrap')
A2($elm$html$Html$Attributes$style, 'flex-wrap', 'wrap'),
A2($elm$html$Html$Attributes$style, 'padding', '20px'),
A2($elm$html$Html$Attributes$style, 'box-sizing', 'border-box'),
A2($elm$html$Html$Attributes$style, 'width', '100%'),
A2($elm$html$Html$Attributes$style, 'gap', '10px')
]),
_List_fromArray(
[
Expand All @@ -5623,7 +5627,9 @@ var $author$project$Main$view = function (model) {
A2($elm$html$Html$Attributes$style, 'align-items', 'center'),
A2($elm$html$Html$Attributes$style, 'width', '100%'),
A2($elm$html$Html$Attributes$style, 'max-width', '600px'),
A2($elm$html$Html$Attributes$style, 'box-sizing', 'border-box')
A2($elm$html$Html$Attributes$style, 'box-sizing', 'border-box'),
A2($elm$html$Html$Attributes$style, 'margin-bottom', '20px'),
A2($elm$html$Html$Attributes$style, 'flex-grow', '1')
]),
_List_fromArray(
[
Expand Down Expand Up @@ -5685,8 +5691,8 @@ var $author$project$Main$view = function (model) {
A2($elm$html$Html$Attributes$style, 'width', '100%'),
A2($elm$html$Html$Attributes$style, 'max-width', '600px'),
A2($elm$html$Html$Attributes$style, 'box-sizing', 'border-box'),
A2($elm$html$Html$Attributes$style, 'margin-top', '20px'),
A2($elm$html$Html$Attributes$style, 'padding-top', '20px')
A2($elm$html$Html$Attributes$style, 'padding-top', '20px'),
A2($elm$html$Html$Attributes$style, 'flex-grow', '1')
]),
_List_fromArray(
[
Expand All @@ -5699,10 +5705,10 @@ var $author$project$Main$view = function (model) {
])),
A2($author$project$Main$labeledValue, 'Monthly Tithe:', model.a$),
A2($author$project$Main$labeledValue, 'Monthly Tithe + Giving:', model.a0),
A2($author$project$Main$labeledValue, 'Combinged Yearly Salary:', model.aW),
A2($author$project$Main$labeledValue, 'Combinged Post Retirement Yearly Salary:', model.aV),
A2($author$project$Main$labeledValue, 'Combinged Monthly Salary:', model.aT),
A2($author$project$Main$labeledValue, 'Combinged Post Retirement Monthly Salary:', model.aU),
A2($author$project$Main$labeledValue, 'Combined Yearly Salary:', model.aW),
A2($author$project$Main$labeledValue, 'Combined Post Retirement Yearly Salary:', model.aV),
A2($author$project$Main$labeledValue, 'Combined Monthly Salary:', model.aT),
A2($author$project$Main$labeledValue, 'Combined Post Retirement Monthly Salary:', model.aU),
A2(
$elm$html$Html$div,
_List_fromArray(
Expand Down
20 changes: 13 additions & 7 deletions src/Main.elm
View file
Original file line number Diff line number Diff line change
Expand Up @@ -364,13 +364,17 @@ view model =
, Attr.style "display" "flex"
, Attr.style "flex-direction" "row"
, Attr.style "justify-content" "space-around"
, Attr.style "align-items" "top"
, Attr.style "align-items" "flex-start"
, Attr.style "height" "100vh"
, Attr.style "margin" "0"
, Attr.style "font-family" "Roboto, sans-serif"
, Attr.style "backgroundColor" "#1E272E"
, Attr.style "background-color" "#1E272E"
, Attr.style "color" "#ECF0F1"
, Attr.style "flex-wrap" "wrap"
, Attr.style "padding" "20px"
, Attr.style "box-sizing" "border-box"
, Attr.style "width" "100%"
, Attr.style "gap" "10px"
]
[ Html.form
[ Attr.style "display" "flex"
Expand All @@ -379,6 +383,8 @@ view model =
, Attr.style "width" "100%"
, Attr.style "max-width" "600px"
, Attr.style "box-sizing" "border-box"
, Attr.style "margin-bottom" "20px"
, Attr.style "flex-grow" "1"
]
[ h2 [] [ text "Input Data:" ]
, label [] [ text "Number of Years Married" ]
Expand All @@ -399,16 +405,16 @@ view model =
, Attr.style "width" "100%"
, Attr.style "max-width" "600px"
, Attr.style "box-sizing" "border-box"
, Attr.style "margin-top" "20px"
, Attr.style "padding-top" "20px"
, Attr.style "flex-grow" "1"
]
[ h2 [] [ text "Output Data:" ]
, labeledValue "Monthly Tithe:" model.monthlyTithe
, labeledValue "Monthly Tithe + Giving:" model.monthlyTitheAndGiving
, labeledValue "Combinged Yearly Salary:" model.combinedYearlySalary
, labeledValue "Combinged Post Retirement Yearly Salary:" model.combinedPostRetirementYearlySalary
, labeledValue "Combinged Monthly Salary:" model.combinedMonthlySalary
, labeledValue "Combinged Post Retirement Monthly Salary:" model.combinedPostRetirementMonthlySalary
, labeledValue "Combined Yearly Salary:" model.combinedYearlySalary
, labeledValue "Combined Post Retirement Yearly Salary:" model.combinedPostRetirementYearlySalary
, labeledValue "Combined Monthly Salary:" model.combinedMonthlySalary
, labeledValue "Combined Post Retirement Monthly Salary:" model.combinedPostRetirementMonthlySalary
, div
[ Attr.style "display" "flex"
, Attr.style "flex-direction" "row"
Expand Down

0 comments on commit f86befd

Please sign in to comment.