-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
167 lines (164 loc) · 9.54 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html lang="en">
<head>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-HD5745ZCLV"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-HD5745ZCLV');
</script>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="stylesheet" href="style.css" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;500;700;900&display=swap"
rel="stylesheet"
/>
<title>Canberra rent increase calculator</title>
<meta property="og:title" content="Canberra rent increase calculator" />
<meta
property="og:description"
content="Find out how much your rent can be increased"
/>
<meta property="og:image" content="assets/housing-market.jpg" />
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🏘️ </text></svg>">
</head>
<body>
<main>
<div class="container" role="form">
<h1>Find out how much your rent can be increased in Canberra</h1>
<p class="tertiary">This calculator tells you the rent increase for periodic tenancies above which a landlord must seek ACAT approval.</p>
<div class="fields">
<div class="date">
<label for="Q1">
<p class="primary">
Date of last rental increase<br />
<span class="secondary">(Or start of lease)</span>
</p>
</label>
<input id="Q1" placeholder="DD/MM/YYYY" type="text" aria-describedby="error-Q1" aria-required="true" aria-invalid="false"/>
<div class="error" id="error-Q1" tabindex = '-1'>
</div>
</div>
<div class="date">
<label for="Q2">
<p class="primary">Date of proposed rental increase</p>
</label>
<input id="Q2" placeholder="DD/MM/YYYY" type="text" aria-describedby="error-Q2" aria-required="true" aria-invalid="false"/>
<div class="error" id="error-Q2" tabindex = '-1'></div>
</div>
<div class="number">
<label for="current-rent">
<p class="primary">
Current rent<br />
<span class="secondary">(per week)</span>
</p>
</label>
<div class="current-rent">
<input id="current-rent" type="text" aria-describedby="error-current-rent" aria-required="true" aria-invalid="false"/>
<i>$</i>
</div>
<div class="error" id="error-current-rent" tabindex = '-1'></div>
</div>
</div>
<button onclick="calculate()" id="calculate">Calculate</button>
<div id="result" class="results">
<div class="topline">
<p>
Maximum new rent (under prescribed amount)<br />
<span class="secondary">(per week)</span>
</p>
<p id="max-new-rent" class="value">$110</p>
</div>
<div class="midline">
<p class="secondary">Allowable rent increase (without applying to ACAT)</p>
<p id="allowable-increase" class="value">$10</p>
</div>
<div id="less-than-year">
<p>The dates you entered are less than 12 months apart. According to <a href="https://www.legalaidact.org.au/sites/default/files/files/publications/Rent_Increases-2_September_2021.pdf">Legal Aid ACT's guidance for rent increases (PDF, 97KB)</a>, rent can only be increased at the end of a tenancy of 12 months or more, or every 12 months in a periodic lease.</p>
</div>
<button id="explainer" onclick="explain()" aria-expanded="false">
How was this calculated?
</button>
</div>
</div>
<div class="explainer container">
<h2>How this was calculated</h2>
<p>The maximum allowable increase under the rules is 110% of the change in Canberra rental prices since your last rental increase, or since the lease began.</p>
<p>The change in rental prices is represented by the Consumer Price Index (CPI) for rent in Canberra. This data can be found on the <a target="_BLANK" href= "https://www.abs.gov.au/statistics/economy/price-indexes-and-inflation/consumer-price-index-australia/latest-release#data-downloads">ABS website </a> under Data Downloads > Table 9 > Data 5.</p>
<p>At the start of your tenancy, the most recent CPI data was from <span id="start"></span>. At this time the CPI for Canberra rents was <span id="qstart_cpi"></span>.</p>
<p>The most recent CPI data from the date of the rental increase is <span id="end"></span>, at which time the CPI was <span id="qend_cpi"></span>.</p>
<p>This gives a percentage difference of <span id="cpi_change"></span>%.</p>
<p>To find the maximum allowable change, we multiply by 110%, which is <span id="allowable_increase"></span>%.</p>
<p>To find the allowable rent increase, we multiple this number by your current rent, which gives us <span id="max_increase">$</span>.</p>
<p class="secondary">Note: the ABS is often slow to update their API dataset. If using this tool around the end of the quarter, check the <a href="https://www.abs.gov.au/statistics/economy/price-indexes-and-inflation/consumer-price-index-australia/latest-release#data-download">CPI data on the ABS website</a> to ensure the data is up to date (You want table 9).</p>
</div>
<div class="container">
<h2>What to do if a rent increase is too high</h2>
<p>The ACT has <a href="https://www.acat.act.gov.au/case-types/rental-disputes/rent-increases">rules about how much rent can be increased</a>.</p>
<p>According to those rules, if your landlord or property manager asks for a rent increase more than the calculated amount, <span class="primary">you do not have to agree.</span></p>
<p>If you disagree, your landlord can apply to ACAT to have the rent increase approved.</p>
<p>If the rent increase is below the calculated amount, you can apply to ACAT to block the rent increase.</p>
<div class="options">
<p>If you are being asked for a rent increase above the prescribed amount, consider contacting the <a href="https://www.legalaidact.org.au/tasact">ACT legal aid tenancy service</a> for advice.</p>
<p>You can read more about the rules and how to apply for a review at <a href="https://www.acat.act.gov.au/case-types/rental-disputes/rent-increases">the ACAT website.</a></p>
<p>You can ask questions and read about other people's experiences with rent increases on the <a href="https://www.facebook.com/groups/canberrarenters">Canberra Renters Facebook Group</a>.</p>
<p>For general information about renting in Canberra, you can use the <a href="https://justice.act.gov.au/sites/default/files/2021-01/Renting%20Book%202021.pdf">ACT Government's Renting Book (PDF)</a></p>
</div>
<p>I am not a lawyer and this is not legal advice.</p>
</div>
<div class="note container">
<h2>A note about this tool</h2>
<p>It's a bit ridiculous that the ACT doesn't provide a tool like this. It took me a few weekends to put together.</p>
<p>The recommended method is to rifle through ABS spreadsheets, find the relevant numbers and do the maths.</p>
<p>This isn't accessible to the vast majority of renters. This may be part of why renters are often bullied into extreme rent increases.</p>
</div>
</main>
<footer>
<p>Did this site help you out? Consider helping me out. I made and host it for free.</p>
<div class="coffee">
<script type="text/javascript" src="https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js" data-name="bmc-button" data-slug="tichaelmurvey" data-color="#FFDD00" data-emoji="" data-font="Lato" data-text="Buy me a coffee" data-outline-color="#000000" data-font-color="#000000" data-coffee-color="#ffffff" ></script>
</div>
<div class="i-made-this">
<h2 class="intro">Hey, I made this</h2>
<div class="attribution">
<img src="assets/me.jpg" alt="Picture of Michael Turvey, a good-looking young person with blond hair">
<div>
<p>My name's Michael. You can find me on:</p>
<ul>
<li><a href="https://www.michaelturvey.site">Website</a></li>
<li><a href="https://github.com/tichaelmurvey">GitHub (tichaelmurvey)</a></li>
<li><a href="https://twitter.com/tichaelmurvey">Twitter (@tichaelmurvey)</a></li>
<li><a href="mailto:hello@michaelturvey.site">Email (hello@michaelturvey.site)</a></li>
</ul>
</div>
<div>
<p>I had help from Andrew. You can find him on:
</p>
<ul>
<li><a href="https://github.com/ajdlinux">GitHub (ajdlinux)</a></li>
<li><a href="https://twitter.com/ajdlinux">Twitter (@ajdlinux)</a></li>
<li><a href="mailto:andrew@donnellan.id.au">Email (andrew@donnellan.id.au)</a></li>
</ul>
</div>
</div>
<div class="endline">
<p>Also check out <a href="https://www.greatercanberra.org/">Greater Canberra</a>, an organisation working to legalise more housing and bring down rents and prices. Come join us!</p>
</div>
</div>
<div>
<p>Is there a problem with this site? <a href="mailto:hello@michaelturvey.online">Email me</a> with a description of the problem and I'll try to fix it.</p>
</div>
</footer>
<script
src="https://code.jquery.com/jquery-3.6.0.js"
integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk="
crossorigin="anonymous"
></script>
<script src="app.js"></script>
</body>
</html>