This is intended to be a quick resource when you want to add your content to the website, but are unsure how to go about doing that. The most common actions are likely going to be minor things such as adding a paper, project, news item, or updating your bio page. In all these cases, all you need to do is copy an existing markdown (
.md) file to use as a template, edit the relevant fields accurately, name it exactly as the convention below specifies, and send it to me. In all cases:
.jpegfor any of the images for the website.
If anything below is confusing, DM me (Rohit) on slack for clarification.
Let’s start simple; suppose you want to add a news item (which will appear on the homepage) announcing that you have published a paper in Nature (go you!). The way you would do this is that you would first go into the
/news/_posts folder on the Github repo, which contains the markdown files for all the news items added to the website. Download one of the existing items and copy it’s contents into a new file named with the correct date and a descriptive, hyphenated title:
cp 2020-07-01-yonghao-sina-join-mfx.md 2021-09-14-nature-paper-hooray.md
Now edit the new file to add the content that you want using a text editor of your choice. By the time you’re done, hopefully you have something like this:
--- layout: default title: "Paper published in Nature!" image: /images/news/nature-paper.png category: news --- We are thrilled to announce that our experiments into bursting balloons containing water and paint dye, and using the explosive jet to paint the Mona Lisa on a canvas has been published in Nature!
--- separate the metadata (which consists of multiple fields) from the content (basically description text) of the markdown file. Note that, for news items, keep the fields
category as is and modify the
title and the description text. The field
image is optional. If you wish to include an image, please ensure that you add the link to it (keep
/images/news/ as is as that’s where the images will be placed, and replace
nature-paper.png above with the name of your image). Ensure that your image has a 16:9 aspect ratio and is not too large (<500 kb).
The process works exactly the same if you’re adding a paper. Note that all papers reside in the folder
/papers/_posts/ on the Github repo. If you want to add a new paper, you start off by downloading and then copying any existing paper as described above. The number of fields might increase, but the formula is the same. For example, take this paper from the website; the markdown file required to generate that webpage looked like this:
--- layout: paper title: "Droplet Coalescence is Initiated by Thermal Motion" year: "2019" shortref: "Perumanath <i>et al.</i> <i>Phys. Rev. Lett.</i> 2019" journal: "Physical Review Letters" volume: 122 issue: pages: 104501 authors: "Perumanath S, Borg MK, Chubynsky MV, Sprittles JE, Reese JM" image: /images/papers/2019-03-13-drop-coalescence-prl.png fulltext: https://journals.aps.org/prl/abstract/10.1103/PhysRevLett.122.104501 doi: "10.1103/PhysRevLett.122.104501" supplement: https://journals.aps.org/prl/supplemental/10.1103/PhysRevLett.122.104501 pdflink: github: datashare: "10283/3248" altmetric_id: 56970896 category: paper funder: EPSRC tags: [multiscale, mui, dsmc, md] highlight: true --- # Abstract The classical notion of the coalescence of two droplets of the same radius R is that surface tension drives an initially singular flow. In this Letter we show, using molecular dynamics simulations of coalescing water nanodroplets, that after single or multiple bridges form due to the presence of thermal capillary waves, the bridge growth commences in a thermal regime. Here, the bridges expand linearly in time much faster than the viscous-capillary speed due to collective molecular jumps near the bridge fronts. Transition to the classical hydrodynamic regime only occurs once the bridge radius exceeds a thermal length scale l_T
Choosing an appropriate file name is important as it will be used to construct the url for the paper webpage. Our practice is to use the date of publication (in YYYY-MM-DD), 2-3 words describing the paper, and a last word for the journal (all hyphenated). For example, the markdown file used as illustration above is called
2019-03-13-drop-coalescence-prl.md. The fields
funder are required. The other fields are all optional. Note that for authors, we require the convention
LASTNAME INITIALS for each author as shown above. The
shortref field is needed as well, please keep the
</i> HTML tags as they are and just add the last name of the first author and journal name.
As with news items, paper images are placed in
/images/papers/, so only edit the name of the image when sending it for the website (here called
2019-03-13-drop-coalescence-prl.png). The image should be maximum of 1200x1200 pixels and not too large (<500 kb).
Each team member should have a markdown file in
/team/_posts/. File names are a fixed date followed by last and first name, like
2020-01-01-datta-saikat.md. For the time being, we’re using the convention that all PDRAs have the date
2020-01-01, while PhDs have the date
2020-06-01, respectively (Note that this is in the
YYYY-MM-DD format). To generate this team member’s webpage, for example, the relevant markdown file required is:
--- layout: member title: "Dr. Saikat Datta" position: Leverhulme Trust Early Career Fellow email: email@example.com twitter: degrees: PhD, IIT Kharagpur (2018) github: scholar: o4mXtIgAAAAJ image: /images/team/saikat-datta.jpg website: orcid: researchgate: cv: alumni: false mfXposition: PDRA startyear: 2018 endyear: --- I am a Leverhulme Trust Early Career Fellow at the University of Edinburgh. I obtained my Ph.D. in Mechanical engineering from the Indian Institute of Technology Kharagpur, India. My research focuses on different aspects of multiphase flow ranging from micro- to nano-scales with a particular emphasis on fluid dynamics, heat transfer, and phase change. I have studied different aspects of droplet dynamics, condensation of steam bubbles, and molecular scale boiling, which includes: (i) influence of the external electric field, (ii) surface vibration, and (iii) influence of external heat flux. These types of multi-physics flow problems are becoming increasingly relevant for the innovation of energy-efficient engineering systems. It is also important for the development of next-generation equipment for biomedical and clinical applications. My doctoral research analysed the dynamics of drops and its manipulation during electro-wetting and dielectrophoresis. In particular, I focused on including the nonlinear electro-hydrodynamic couplings such as interfacial charge transport, interface deformation, and resulting fluid motion. My recent work includes investigation of bubble nucleation due to surface vibration. I am currently working on analysing gas flow in nano-scale porous media, which occurs during the exploration from shale gas reservoirs. I am also looking at developing a multiscale simulation-for-design framework to investigate de-icing using nanoscale vibration-driven (acoustothermal) heating.
degrees (which just refers to your latest degree) and
image are required, while all the others are optional. You also need to include some bio text as above (the amount of detail you put in is completely up to you). Note that you can include links here after the colon to your GitHub/Linkedin/etc. As above, the images are placed in
/images/team/, so only edit the name of the image when sending it for the website (here called
saikat-datta.jpg). The image should be exactly 340x454 pixels and not too large (<500 kb).
Each PhD/PDRA should have a dedicated project they are working on. Consult your supervisor if you are unsure as to which of the five main themes your project fits into. Once you’ve sorted that out, you need to repeat the process above, namely copy a markdown file and start editing. To generate this project webpage, for example, the relevant markdown file required is:
--- layout: theme-porous-media-flows title: "Adsorption and transport in organic shale kerogen" image: /images/projects/kerogen-shale.png active: true startyear: 2018 endyear: --- Owing to the heterogeneous geological conditions of unconventional reservoirs and the complexity of adsorption and transport at multiple-scales, the production of shale gas is far from that being accurately forecast. Micropores (< 2 nm) and macropores (< 50 nm) are responsible for the majority of methane adsorption inside reservoirs. Due to the nanoscale confinement and the high underground pressures and temperature, it is also challenging to predict the fluid transport. In this work we have developed new models for adsorption and transport in and through realistic kerogen samples, using molecular simulations. This work is funded by partners from King Fahd University of Petroleum and Minerals (KFUPM), and involves the following researchers ([Carlos](/team/corral-carlos), Qiang, Runxi, [Saikat](/team/datta-saikat), and [Yichong](/team/chen-yichong)).
startyear are required, along with a brief summary of the project itself in text (replacing the paragraph above). Use a descriptive title for your file; the above project, for example, is titled
kerogen-shale.md. You can see how I used
 to surround the text to be displayed and
() to generate a link to the team member’s bio page. Please limit your project description to 150 words or less. As above, the images are placed in
/images/projects/, so only edit the name of the image when sending it for the website (here called
kerogen-shale.png). The image should be maximum of 500x300 pixels and not too large (<500 kb).
If you’ve looked at the image pixel (AxB pixels) and size reaquirements (<500 kb) above and are unsure how to go about generating such images, I would recommend some basic image editing software such as GIMP. However, if you have managed to resize the image already and just wish to compress it, you can instead use ImageMagick. Once you have downloaded ImageMagick, the command:
convert original.jpg -resize 20% compressed.jpg
will reduce the image size of
original.jpg by 80%. This will enable you to produce small-sized images without loss of significant resolution. You can of course do a lot more with this beyond just shrinking images, but that is beyond the scope of this webpage.