-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
154 lines (134 loc) · 6.02 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Amir Emami</title>
<!-- Magazee Template http://www.templatemo.com/tm-514-magazee -->
<!-- load CSS -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400"> <!-- Google web font "Open Sans" -->
<link rel="stylesheet" href="css/bootstrap.min.css"> <!-- https://getbootstrap.com/ -->
<link rel="stylesheet" href="css/templatemo-style.css"> <!-- Templatemo style -->
<script>
var renderPage = true;
if(navigator.userAgent.indexOf('MSIE')!==-1
|| navigator.appVersion.indexOf('Trident/') > 0){
/* Microsoft Internet Explorer detected in. */
alert("Please view this in a modern browser such as Chrome or Microsoft Edge.");
renderPage = false;
}
</script>
</head>
<body>
<!-- Loader -->
<div id="loader-wrapper">
<!-- <div id="loader"></div> -->
<!-- <div class="loader-section section-left"></div>
<div class="loader-section section-right"></div> -->
</div>
<div class="container">
<!-- 1st section -->
<section class="row tm-section">
<div class="col-sm-12 col-md-12 col-lg-6 col-xl-4 p-0">
<a href="https://amiraliemami.github.io/SheepSim" style="color: #993333">
<div class="tm-flex-center tm-bg-color-secondary tm-section-min-h">
<h1 class="tm-text-color-white" style="text-align: center;">Amir Emami</h1>
</div>
</a>
</div>
<div class="col-sm-12 col-md-12 col-lg-6 col-xl-8">
<div class="tm-flex-center tm-bg-color-primary">
<p class="mb-0 tm-text-color-white" style="text-align: center;">This is Amir Emami's submission for assessment 1 of GEOG5995, University of Leeds.</p>
</div>
</div>
</section>
<!-- 2nd section -->
<section class="row tm-section tm-col-md-reverse">
<div class="col-sm-12 col-md-12">
<div class="tm-flex-center p-5">
<div class="tm-md-flex-center">
<h2 class="mb-4">Agent Based Modelling</h2>
<q class="tm-quote">
An agent-based model (ABM) is a class of computational models for simulating
the actions and interactions of autonomous agents (both individual or collective entities such
as organizations or groups) with a view to assessing their effects on the system as a whole.</q>
</div>
</div>
</div>
</section>
<!-- 3rd Section -->
<section class="row tm-section tm-mb-30">
<div class="pl-5 col-sm-12 col-md-12 col-lg-6 col-xl-6">
<img src="images/jupyter.png" alt="Image" class="img-fluid img-border">
</div>
<div class="col-sm-12 col-md-12 col-lg-6 col-xl-6">
<div class="tm-flex-center p-5">
<div class="tm-flex-col">
<h2 class="tm-align-left">Workbook</h2>
<br>
<p>
Jupyter Notebook was used to work through the practicals, as it has a clean and easily-documentable structure.
Practicals 1 to 9 can be found in the workbook below (hosted by nbviewer):
</p>
<br>
<a href="https://nbviewer.jupyter.org/github/amiraliemami/SheepSim/blob/master/Jupyter%20Workbook.ipynb" class="btn btn-primary tm-md-align-center" target="_blank">nbviewer</a>
</div>
</div>
</div>
</section>
<!-- 4th Section -->
<section class="row tm-section tm-mb-30" id='program'>
<div class="col-sm-12 col-md-12 col-lg-8 col-xl-6">
<div class="tm-flex-center pl-5 pr-5 pt-5 pb-5">
<div class="tm-md-flex-center">
<h2 class="mb-4">Sheep Sim (°ꈊ°)</h2>
The final sheep simulation program can be downloaded below. Simply unzip and run the model.py file in terminal! Documentation and README for the program can be found below also.
<br><br>
<a href="https://amiraliemami.github.io/SheepSim/for_download.zip" class="btn btn-primary tm-md-align-center" target="_blank">download</a>
<a href="https://github.com/amiraliemami/SheepSim/blob/master/README.md" class="btn btn-primary tm-md-align-center" target="_blank">readme & features</a>
<a href="https://amiraliemami.github.io/SheepSim/docs/build/modules.html" class="btn btn-primary tm-md-align-center" target="_blank">docs</a>
</div>
</div>
</div>
<div class="p-5 col-sm-12 col-md-12 col-lg-4 col-xl-6">
<img src="images/demo.gif" alt="Image" class="img-fluid img-border">
</div>
</section>
<!-- 5th Section -->
<section class="row tm-section tm-mb-30">
<div class="p-5 col-sm-12 col-md-12 col-lg-4 col-xl-6">
<img src="images/github.png" alt="Image" class="img-fluid img-border">
</div>
<div class="col-sm-12 col-md-12 col-lg-8 col-xl-6">
<div class="tm-flex-center pl-5 pr-5 pt-5 pb-5">
<div class="tm-md-flex-center">
<h2 class="mb-4">Github Repository</h2>
Github was used to host all of the code for this project. This website is also being hosted by Github Pages. The README file for the final programme is presented here also.
<br><br>
<a href="https://github.com/amiraliemami/SheepSim" class="btn btn-primary tm-md-align-center" target="_blank">github</a>
</div>
</div>
</div>
</section>
<!-- Footer -->
<div class="row">
<div class="col-lg-12">
<p class="text-center small tm-copyright-text mb-0">Copyright © <span class="tm-current-year">2019</span> Amir Emami | Based on a <a href="https://templatemo.com/live/templatemo_514_magazee" target="_blank">template</a> by <a href="http://templatemo.com" target="_blank">Template Mo</a></p>
<p>templatemo.com license states "You are allowed to download, edit and use this Magazee HTML CSS layout for your commercial or non-commercial sites", but does not provide a license file.</p>
</div>
</div>
</div>
<!-- load JS -->
<script src="js/jquery-3.2.1.slim.min.js"></script> <!-- https://jquery.com/ -->
<script>
/* DOM is ready
------------------------------------------------*/
$(function(){
if(renderPage) {
$('body').addClass('loaded');
}
$('.tm-current-year').text(new Date().getFullYear()); // Update year in copyright
});
</script>
</body>
</html>